spatial-navigation
spatial-navigation copied to clipboard
WICG
Directional focus navigation with arrow keys
The current implementation uses `getBoundingClientRect()` and element properties like `.clientHeight`, `.clientWidth`, etc extensively. All of these will trigger the browser to synchronously calculate the style and layout. See https://gist.github.com/paulirish/5d52fb081b3570c81e3a for...
Added the polyfill to a web app. Key navigation works for a start, but after some navigation the following error is thrown on every key event: ``` Uncaught TypeError: container.getSpatialNavigationContainer...
This was just an implementation of the discussion in #217. Rather than extend/override the element methods I just used functions inside the polyfill and called those explicitly. I also a...
I'm aware the polyfill is not working on closed shadow dom. Is this the case with `open` shadow dom as well?
--- Migrated from https://github.com/w3c/csswg-drafts/issues/4758 Originally created by @joe-watkins on *08 Feb 2020 00:50 GMT+9* --- > In the polyfill, keydown event and mouseup event are used for the spatial navigation....
Can I use this somehow with non DOM/HTML things like Canvas/Webgl. I been looking for something like this for Pixi.js. Haven't had time to dig deep into this.
Sometimes focus cannot move out of the iframe for left/right navigation direction. This bug is shown in the demo center. (https://wicg.github.io/spatial-navigation/demo/#iframe-element)
If there are overlapped focusable elements and also their borders are overlapped, the focus cannot move out of the outter element. See in the sample (http://webstd.lge.com/jihye/repo/spatial-navigation/demo/sample/heuristic_default_move.html),
In the sample (http://webstd.lge.com/jihye/repo/spatial-navigation/demo/sample/heuristic_default_move.html), the focus moves out of the scrollable element before the scrollbar reaches the end. Maybe this is the reason for resetting the search origin when the...
Whenever I use up or down arrow keys to navigate within a scrollable container, it moves the scroll bar, even if that means it scrolls the focused element out of...
