Comments (14)
Has there been any fixes for this bug?
from dnd-kit.
Hi everyone, I have the same problem with dnd kit/code : "6.0.8"
Am I the only one with the same problem at this version ?
from dnd-kit.
I don't mind updating my fork and opening a PR as long as there is no objection
Note that my fork is currently based on #54
from dnd-kit.
@clauderic Can we merge #415? I can only speak for myself - but I'm stuck with my own fork and would really like to be as close as possible to master without worrying about updating from upstream manually
from dnd-kit.
Fixed by #415
from dnd-kit.
For anyone googling this error: The fix has been released in @dnd-kit/core 4.0.0.
from dnd-kit.
Thanks @bbenzikry - I tried the changes from your fork locally and it solved the issues I was having.
from dnd-kit.
Thanks @bbenzikry - I tried the changes from your fork locally and it solved the issues I was having.
Happy to have helped :)
from dnd-kit.
@bbenzikry @clauderic Any plans to open this fix as a PR? Any help needed?
from dnd-kit.
I needed this working for my own project so I opened PR #415. It's a small fix but should be more flexible than bbenzikry's solution since the fixed node can be at any level of ancestry and have scrollable children. This worked to fix my own issues but I don't know if it will fix all issues related to fixed containers.
from dnd-kit.
Hello @clauderic ,
I might be doing something wrong, but I still can reproduce the issue with the latest version both in our use case , and in the example linked in the initial issue description. I have just forked the sandbox and updated dnd-kit to latest version, but the problem persists: https://codesandbox.io/s/react-dnd-grid-forked-o0vof , so I am kinda unsure whether this issue is fully resolved by #415 . Can someone else also confirm my findings?
from dnd-kit.
@atanasov-deyan the versions of @dnd-kit
that fix this are not published under the latest
tag on npm yet, they are tagged with next
. You can consume them right away by installing the @dnd-kit
packages tagged with next
:
npm install @dnd-kit/core@next @dnd-kit/sortable@next
I updated the CodeSandbox with the next
packages:
https://codesandbox.io/s/react-dnd-grid-forked-1h9nw?file=/src/App.js:321-333
I think there's still some other issues with that sandbox, but I believe they're related to #43
Follow this PR to know when the next
packages will be released under latest
:
#342
from dnd-kit.
ah, I knew I must be doing something wrong! Thanks for the clarification, @clauderic ! I can confirm that using dnd-kit next solves the problem for our use case, too!
from dnd-kit.
Unfortunately, I have the same problem. I'm using:
"@dnd-kit/core": "^6.0.8",
"@dnd-kit/sortable": "^7.0.2",
from dnd-kit.
Related Issues (20)
- sortable transform is null in nested arrays.
- Weird Transform Behavior on the Sortable Items When Parent/Ancestor Divs have Animations with Transform HOT 3
- How to copy over items from one SortableContext to another?
- Drag down invalid HOT 1
- AutoScroll absolute thresholds and acceleration
- Drag Handle stops working when its visibility is toggled (hidden then shown) HOT 2
- Multiple containers : possibility of hitting minified error due to too many re-renders
- How do I get access to the Draggable data once it is over a Droppable? HOT 1
- Automatically generate id for components
- Sorting doesn't stay at it's position or moves somewhere else HOT 1
- Cannot auto-scroll back to first vertical list when used in a horizontally scrollable parent
- pnpm add @dnd-kit/sortable
- Click-and-drop?
- DND Kit / React Virtual Re-renders more with DndContent HOT 3
- @dnd-kit/react (beta). Wrong nested scrollable elements activating HOT 8
- [next] Feature Request: Apply different `activationConstraints` based on `pointerType` HOT 1
- Dragging object does not trigger scrolling in target scroll container (despite use of DragOverlay) HOT 3
- [next] controlled or cancellable useSortable HOT 5
- Nextjs with @dnd-kit/react HOT 4
- Trouble with nested droppables HOT 1
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 dnd-kit.