Comments (4)
It is already fixed! #111. It should be released very soon
from react-beautiful-dnd.
Great issue submission - thank you. I'll look into it now
from react-beautiful-dnd.
The issue is caused by having a shared scroll container between the Droppables
- something we have not intended to support yet. We needed a scroll container in this case to ensure that the background colour goes over the scroll. Rather than using a scroll container now we leverage display: inline-flex
on the root level. I think we should support the usecase of a shared wrapping scroll container - but the immediate issue is resolved. We currently do not support nested or shared parent scroll parents. I think we should support a single shared scroll parent going forward.
from react-beautiful-dnd.
Hi @alexreardon do you have a timeline of when this issue may be fixed?
Or do you have an immediate (quick) resolution, I can use to solve this?
Cheers
from react-beautiful-dnd.
Related Issues (20)
- Connect(Droppable): Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead. HOT 6
- Nested horizontal dropzone doesn't work correctly
- where is the demo code and API? HOT 1
- The ui gets distorted when I drag and drop.
- Want to disable nesting tree for some nodes
- Drag and drop not working new window created through createPortal
- Tasks go on top of column title after dragging HOT 1
- Setting position issue -- When the page is scroll with position: Sticky, The drag component is not positioning properly.
- Droppable should only accept Draggables of same type ... but it doesn't work HOT 1
- Dragging Item while scrolling is not staying in the position with Tailwind CSS
- Update: 3rd April 2024 → "react-beautiful-dnd: where to from here?" HOT 9
- Unable to work in Next.js 14
- While dragging inner child below parent also moving upward HOT 1
- How to restrict draggable item moving out of parent div? HOT 2
- Site Not Found HOT 3
- Free coins from House of Fun
- Free Coins from House of Fun HOT 6
- When used inside a reactflow node, it will cause the node position to deviate
- are going to update the library to support React 19?
- Drag and Drop functionality is not working. 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-beautiful-dnd.