Comments (11)
Oh super! This property solved my problem. Thank you.
from react-accessible-treeview.
We’d be open to a PR if you want to submit it but I can’t promise it will be merged since there are normal react, jquery, and browser API ways to do this.
from react-accessible-treeview.
Yes there are normal ways to set the focus, but not in such a way that the tree accepts it properly. If I set the focus on a tree element and want to navigate from there with the keyboard, the focus starts again at the top of the tree.
from react-accessible-treeview.
Okay. We’ll review your PR if you’d like to submit one.
from react-accessible-treeview.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
from react-accessible-treeview.
This issue was closed automatically since it was marked as stale because it has not had recent activity. Thank you for your contributions.
from react-accessible-treeview.
@opreisSys did you manage to solve this? i'm trying to put the keyboard focus on the first element id inside defaultExpandedIds but no luck
from react-accessible-treeview.
@opreisSys did you manage to solve this? i'm trying to put the keyboard focus on the first element id inside defaultExpandedIds but no luck
I currently have no capacity to fix it. But I still need a solution here, because it is an accessibility problem.
from react-accessible-treeview.
Can you provide documentation that this is an accessibility problem? It appears to be a usability problem.
I’ll reopen the issues so that someone might contribute it. But currently it’s out of scope for my team too.
help wanted.
from react-accessible-treeview.
@dgreene1 Thank you for reopening the issue!
From my point of view, it is both an usability and accessibility problem.
- a blind user navigates in the tree using the keyboard and opens a dialog from there.
- user is in the dialog and rerenders the tree when closing the dialogue.
- user loses focus in the tree and has to find the location again.
As I mentioned above, unfortunately it does not help to set the focus with browser API methods, as the tree does not accept it and navigates from there back to the top of the tree.
As soon as I have found the relevant place in the accessibility guidelines, I will get back to you.
from react-accessible-treeview.
opreisSys Can you try with the new focus props? V2.9.0
from react-accessible-treeview.
Related Issues (20)
- Allow us to override the list component HOT 1
- Do not lock issues HOT 2
- onSelect & onNodeSelect's element is not the element that was selected HOT 3
- Support drag and drop between directories HOT 3
- possibility of animation? HOT 1
- Error "Cannot read properties of undefined (reading 'id')" with Asynchronous Loading after Re-rendering compoent HOT 3
- Allow overriding of "isBranch" state for nodes HOT 4
- Question: Open new node/closing the other nodes HOT 2
- `IFlatMetadata`: allow `boolean` values HOT 1
- Uncaught SyntaxError: The requested module '/myproject/node_modules/components/node_modules/classnames/index.js?v=48a52094' does not provide an export named 'default' HOT 1
- Feature request: Open new node/closing the other nodes HOT 2
- Cannot find module 'classnames' HOT 1
- How do add classes to the leafListItem (li element) HOT 3
- commonjs and esm import mismatch HOT 4
- How about virtualization?
- Crashes with `Node with id=[object Object] doesn't exist in the tree.` with adding nested data HOT 2
- How do I get the complete path of a file on Select ? HOT 1
- Pressing command + H causes infinite spin HOT 4
- Easy way to have all nodes opened by default HOT 4
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-accessible-treeview.