react-spatial-navigation icon indicating copy to clipboard operation
react-spatial-navigation copied to clipboard

Track Child not recognizing children

Open gmariani opened this issue 3 years ago • 0 comments

I have two columns, both are focusable parents. The right parent has dynamically changing children. Both parents have trackChildren enabled, and the children have focusKey's set and are focusable. If i enable visual debug, they have names and green rectangles. But when navigating by arrow, it selects the children of the non-dynamic left column parent, but none of the children in the right column (dynamically changing children). I can see it selects the right column, but doesn't recognize it's children.

To Reproduce Steps to reproduce the behavior:

  1. Create two focusable parents in a row.
  2. Have one with static children that are focusable. Have the other change it's children based on input of the other parent.
  3. Then try to navigate between the two.
  4. See you are unable to navigate between the two.

Expected behavior I expect the focus to transition between the parents without issue.

Screenshots In this screenshot, I was navigating to the right from the letter F. It selected the right column parent (noted by the yellow cube). But it did not recognize it's children, which you can see by the lack of squares on the corners (which i circled). In practice, if I keep try to continue going right, it loops back to the letter A. Capture

Additional context I'm not 100% sure this is a bug, but I'm definitely stumped on why it's acting this way. Any help would be appreciated.

gmariani avatar Feb 26 '21 05:02 gmariani