Comments (4)
I have added an onBecameBlurred
to the items as well to try and catch this but that does not fire either.
Is there a suggested way to handle this scenario?
from react-spatial-navigation.
This behavior should be automatically enabled with the "autoRestoreFocus" flag. When the element is unmounted, the parent component will try to focus the next available child. However if there is no available children after the removal, it won't focus anything. But you can always manually focus something else with "setFocus(focusKey)" if you know that you are removing the last child in the group.
from react-spatial-navigation.
There are a lot of other child elements to focus here.
I have not had any luck with seeing the effect of autoRestoreFocus
working?
We have a rail of items and when a user removes one and goes back to the aggregation page they are focused on the item that was just removed. It has many siblings but the focus is just lost.
from react-spatial-navigation.
This library has migrated here: https://github.com/NoriginMedia/Norigin-Spatial-Navigation
It's a new implementation with TS and Hooks.
Regarding this specific issue, we might need a full code example to understand what is happening there, it seems like it not only involves the sibling elements, but also navigation between pages.
This part of the code handles this case. When the component is Removed, it will try to focus some other child of the parent component: https://github.com/NoriginMedia/react-spatial-navigation/blob/master/src/spatialNavigation.js#L840
from react-spatial-navigation.
Related Issues (20)
- CSS gap:0 breaks navigation HOT 1
- Sometimes navigation doesn't work after go back to previous screen HOT 1
- a vulnerability CVE-2020-15168 is introduced in @noriginmedia/react-spatial-navigation HOT 2
- Focuses the second item in the list, after navigating from the fixed menu HOT 2
- Performance/Crash issue when load multiple rails and hold arrow keys to navigate HOT 1
- [Question]Can I use this package in a ReactJS project? HOT 4
- Focusable items hidden are able to be accessed. HOT 19
- withFocusable usage with forwardRef HOT 9
- Understanding of roadmap for library HOT 5
- more than 100 UI elements in funcational component taking too long to navigate. HOT 1
- 2-Directional Grid-type Items HOT 1
- display none control HOT 2
- Focus gets lost in case of collision HOT 3
- Track Child not recognizing children
- RTL is not supported
- Loss of focus when a component is rendered HOT 2
- Error when Server Side Rendering HOT 1
- Focusable elements not recognised when layout is position absolute HOT 5
- How should I handle focus when opening/closing a pop-up? HOT 3
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 react-spatial-navigation.