Comments (2)
This is a known issue but unfortunately we haven't found a good solution that works for everyone. There are two things you can do:
- set
disableKeyboardA11y={false}
- this disables the selection via Tab key - if your flow is a fullscreen app, you can set
.react-flow__pane { position: fixed !important; }
- this prevents the native browser behaviour
In my view the only solution to address this on library side is to implement the Tab selection on our own (or catch the focus events?). We will have another look when v12 is launched!
from xyflow.
Thanks!
Effectively my flow is fullscreen, and the second option worked perfectly.
Feel free to close the issue if you want :)
from xyflow.
Related Issues (20)
- Copied node drag exception HOT 2
- [Svelte Flow] onSelectionChanged
- [Svelte Flow] Minimap dragging doesn't work on older versions of Webkit2Gtk HOT 2
- Delete Middle Node + It's Direct Children
- Atomic updates of both nodes and edges.
- New node with selected property set to True is not being updated HOT 4
- Viewport Resetting Issue When Zooming Nodes and Clicking on Another Node HOT 2
- Node positions are off when using RTL text direction HOT 3
- Customize minimum zoom level to interact with nodes HOT 2
- Handle drop radius different from handle drag radius HOT 1
- [Svelteflow] Support width and height alignment of nodes based on snap-to-grid HOT 1
- [Svelte Flow]: Unable to change edge type HOT 1
- zoomOnPinch not working when preventScrolling is false HOT 2
- useOnSelectionChange returns an empty nodes array HOT 5
- [SvelteFlow] Bad performance in svelte-5 HOT 4
- `onbeforedelete` should give back `event` HOT 3
- [Docs] Add Bun
- Node creation by click and draw / drag HOT 5
- [SvelteFlow] Node internals not updating dynamic handles correctly HOT 1
- Copy & Paste issue HOT 2
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 xyflow.