Comments (5)
jfrux
commented on May 28, 2024
Also should be noted that the Recent Coverage has index 0 and FLORIDA v LEWIS has index of 1 as intended... :-/
I've also tried to use reindex method on the parent node to see if that affects anything but no go...
from lrud.
epatrasc
commented on May 28, 2024
Hey @jfrux,
Could you post the structure of your LRUD tree? (looking to see nodes marked as grids and orientation/nesting errors)
from lrud.
jfrux
commented on May 28, 2024
{
"root": {
"orientation": "vertical",
"index": 0,
"children": {
"video-area": {
"index": 1,
"orientation": "vertical",
"children": {
"video-controls": {
"index": 0,
"orientation": "horizontal",
"id": "video-controls",
"children": {
"player-control-toggle": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "video-controls",
"inputHandler": "VIDEO_CONTROLS",
"id": "player-control-toggle",
"index": 0
},
"player-control-cc": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "video-controls",
"inputHandler": "VIDEO_CONTROLS",
"id": "player-control-cc",
"index": 1
}
},
"parent": "video-area",
"activeChild": "player-control-toggle"
},
"current-video": {
"index": 1,
"isFocusable": true,
"id": "current-video",
"parent": "video-area"
},
"settings-button": {
"index": 2,
"isFocusable": true,
"id": "settings-button",
"parent": "video-area"
}
},
"id": "video-area",
"parent": "root",
"activeChild": "current-video"
},
"playlists": {
"index": 2,
"orientation": "vertical",
"id": "playlists",
"children": {
"playlist-recent-placeholder": {
"orientation": "horizontal",
"parent": "playlists",
"inputHandler": "STORY_BROWSER",
"id": "playlist-recent-placeholder",
"index": 0,
"activeChild": "recent-placeholder-1",
"children": {
"recent-placeholder-1": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-1",
"index": 0
},
"recent-placeholder-2": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-2",
"index": 1
},
"recent-placeholder-3": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-3",
"index": 2
},
"recent-placeholder-4": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-4",
"index": 3
},
"recent-placeholder-5": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-5",
"index": 4
},
"recent-placeholder-6": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-6",
"index": 5
},
"recent-placeholder-7": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-7",
"index": 6
},
"recent-placeholder-8": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-8",
"index": 7
},
"recent-placeholder-9": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-9",
"index": 8
},
"recent-placeholder-10": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-recent-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "recent-placeholder-10",
"index": 9
}
}
},
"playlist-florida-v-lewis-placeholder": {
"orientation": "horizontal",
"parent": "playlists",
"inputHandler": "STORY_BROWSER",
"id": "playlist-florida-v-lewis-placeholder",
"index": 1,
"activeChild": "florida-v-lewis-placeholder-1",
"children": {
"florida-v-lewis-placeholder-1": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-1",
"index": 0
},
"florida-v-lewis-placeholder-2": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-2",
"index": 1
},
"florida-v-lewis-placeholder-3": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-3",
"index": 2
},
"florida-v-lewis-placeholder-4": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-4",
"index": 3
},
"florida-v-lewis-placeholder-5": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-5",
"index": 4
},
"florida-v-lewis-placeholder-6": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-6",
"index": 5
},
"florida-v-lewis-placeholder-7": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-7",
"index": 6
},
"florida-v-lewis-placeholder-8": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-8",
"index": 7
},
"florida-v-lewis-placeholder-9": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-9",
"index": 8
},
"florida-v-lewis-placeholder-10": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-lewis-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-lewis-placeholder-10",
"index": 9
}
}
},
"playlist-florida-v-carlton-placeholder": {
"orientation": "horizontal",
"parent": "playlists",
"inputHandler": "STORY_BROWSER",
"id": "playlist-florida-v-carlton-placeholder",
"index": 2,
"activeChild": "florida-v-carlton-placeholder-1",
"children": {
"florida-v-carlton-placeholder-1": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-1",
"index": 0
},
"florida-v-carlton-placeholder-2": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-2",
"index": 1
},
"florida-v-carlton-placeholder-3": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-3",
"index": 2
},
"florida-v-carlton-placeholder-4": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-4",
"index": 3
},
"florida-v-carlton-placeholder-5": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-5",
"index": 4
},
"florida-v-carlton-placeholder-6": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-6",
"index": 5
},
"florida-v-carlton-placeholder-7": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-7",
"index": 6
},
"florida-v-carlton-placeholder-8": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-8",
"index": 7
},
"florida-v-carlton-placeholder-9": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-9",
"index": 8
},
"florida-v-carlton-placeholder-10": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-carlton-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-carlton-placeholder-10",
"index": 9
}
}
},
"playlist-florida-v-simpson-placeholder": {
"orientation": "horizontal",
"parent": "playlists",
"inputHandler": "STORY_BROWSER",
"id": "playlist-florida-v-simpson-placeholder",
"index": 3,
"activeChild": "florida-v-simpson-placeholder-1",
"children": {
"florida-v-simpson-placeholder-1": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-1",
"index": 0
},
"florida-v-simpson-placeholder-2": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-2",
"index": 1
},
"florida-v-simpson-placeholder-3": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-3",
"index": 2
},
"florida-v-simpson-placeholder-4": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-4",
"index": 3
},
"florida-v-simpson-placeholder-5": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-5",
"index": 4
},
"florida-v-simpson-placeholder-6": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-6",
"index": 5
},
"florida-v-simpson-placeholder-7": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-7",
"index": 6
},
"florida-v-simpson-placeholder-8": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-8",
"index": 7
},
"florida-v-simpson-placeholder-9": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-9",
"index": 8
},
"florida-v-simpson-placeholder-10": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-florida-v-simpson-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "florida-v-simpson-placeholder-10",
"index": 9
}
}
},
"playlist-cosby-v-corkery-placeholder": {
"orientation": "horizontal",
"parent": "playlists",
"inputHandler": "STORY_BROWSER",
"id": "playlist-cosby-v-corkery-placeholder",
"index": 4,
"activeChild": "cosby-v-corkery-placeholder-1",
"children": {
"cosby-v-corkery-placeholder-1": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-1",
"index": 0
},
"cosby-v-corkery-placeholder-2": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-2",
"index": 1
},
"cosby-v-corkery-placeholder-3": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-3",
"index": 2
},
"cosby-v-corkery-placeholder-4": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-4",
"index": 3
},
"cosby-v-corkery-placeholder-5": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-5",
"index": 4
},
"cosby-v-corkery-placeholder-6": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-6",
"index": 5
},
"cosby-v-corkery-placeholder-7": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-7",
"index": 6
},
"cosby-v-corkery-placeholder-8": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-8",
"index": 7
},
"cosby-v-corkery-placeholder-9": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-9",
"index": 8
},
"cosby-v-corkery-placeholder-10": {
"isFocusable": true,
"orientation": "horizontal",
"parent": "playlist-cosby-v-corkery-placeholder",
"inputHandler": "STORY_BROWSER",
"id": "cosby-v-corkery-placeholder-10",
"index": 9
}
}
}
},
"parent": "root",
"activeChild": "playlist-recent-placeholder"
}
},
"id": "root",
"activeChild": "video-area"
}
}from lrud.
thomascgray
commented on May 28, 2024
@jfrux could you also post the actual code of all your registerNode() calls, etc.? That might help us debug what's happening exactly.
Thanks for your patience on this!
from lrud.
thomascgray
commented on May 28, 2024
@jfrux could we get the code sample of your registerNode() calls? Otherwise, I'll close this issue from lack of activity, and if you're still experiencing problems in future you could open a new issue 👍
from lrud.
Related Issues (20)
- Focused node becomes unfocused when separate part of tree removed
- LRUD gets confused when encountering empty nodes HOT 1
- Why is a node not considered "focusable" even if it has children that are and even though assignFocus works on said node? HOT 1
- Best way to restore default active child when entering / leaving a parent? HOT 1
- Having an issue in my app related to LRUD clearing `currentFocusNode`
- v5.0.6 not pushed to npm? HOT 1
- Can keyCode be made optional in KeyEvent interface?
- Any body out there know of something similar to this for the Roku platform? (lrud specificly (not javascript))
- failure when using setNodefocusable HOT 1
- Asyncronous adding items at higher index than total list count
- Uncaught RangeError: Maximum call stack size exceeded
- Focus can not jump over last node that is not focusable HOT 1
- Can not focus node that contains only non focusable nodes HOT 1
- Method insertTree incorrectly maintain index when replacing first child HOT 1
- Overrides of children are not cleaned up when unregistering parent node HOT 1
- Registering node with already occupied index makes the index out of sync
- Should I use insertTree or registerTree? HOT 2
- Active parents don't always deactivate when in a nested tree
- Add a meta field for nodes to freely store data HOT 1
- Moving a node index under the same parent HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lrud.