Comments (3)
Drag and drop is not an inherently accessible behavior since many users have no ability to use a mouse. So in order to keep this library minimal in scope and to design it inclusively, we will not be able to support this.
You are welcome to use the customization features that we provide to add in whatever you’d like, but I would encourage you to avoid drag and drop if you want accessibility. Maybe a library with a different ethical purpose will support what you’re looking for.
from react-accessible-treeview.
Microsoft's Fluent Design System has a tree component and it supports keyboard interactions: https://master--628d031b55e942004ac95df1.chromatic.com/?path=/docs/components-tree--default&globals=storybook_fluentui-react-addon_theme:web-light#drag-and-drop
from react-accessible-treeview.
The link you sent says the opposite:
The tree component does not offer built-in drag-and-drop functionality. Yet, it's been designed with adaptability in mind, allowing for easy integration with third-party libraries to fulfill this need.
I imagine you could do the same with our library, but then you’d have to make sure you also provide an accessible way to provide manual reordering for users who are unable to use a mouse. It’s for that reason that drag n drop is outside of the scope of this library.
Lastly, no shade on fluent, but the accessibility issues in Microsoft’s library are what caused us to take over this library from the original maintainer.
from react-accessible-treeview.
Related Issues (20)
- How can I access "treeState" out of nodeRenderer function as a globally? HOT 2
- 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
- Focus on tree element after reload HOT 11
- 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 3
- 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
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.