bamlab / bamlab/react-tv-space-navigation

Separate the movement of the header and item in the grid.

Open
#165 1 comment 1 reaction 0 assignees View on GitHub
Priority:Low
Dominant language
TypeScript
Stars
319
Forks
46
PR merge metrics
No merged PRs in 30d

Description

Hi, I need your help.

The grid header is the first item in the VirtualisedList.

And the VirtualisedList acts like a grid, because of the isGrid flag.

So when the focus of the header moves left or right, the focus of the first row of the grid moves with it.

This is uncomfortable if the buttons in the header are smaller than the items in the first line.

Is there a way to separate the header behaviour from the grid behaviour?

Thank you.

Contributor guide

No contributing guide indexed for this repository

Research direction

Start by tracing the VirtualisedList entry point and the isGrid handling described in the issue, then inspect how horizontal focus movement is shared between the header and first grid row. Done means header movement is independent from the first row while grid-item navigation remains unchanged; add or update coverage for both behaviors if the relevant tests are found.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, react-native, typescript
Domain
frontend, mobile
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.