Comments (4)
alexreardon
commented on May 6, 2024
1
It is already fixed! #111. It should be released very soon
from react-beautiful-dnd.
alexreardon
commented on May 6, 2024
Great issue submission - thank you. I'll look into it now
from react-beautiful-dnd.
alexreardon
commented on May 6, 2024
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.
davidpene
commented on May 6, 2024
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)
- react-redux.min.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'bindActionCreators')
- Excellent effect
- Trouble with Antd Menu HOT 2
- What is the use of mode virtual
- Cards overlapping when I drag react-beautiful-dnd HOT 3
- Change the position of the Session Card that is being dragged to the right of the mouse
- When dragging the item, the element's size and the drop area are not being recognized at their respective sizes. HOT 2
- Cannot scroll to the bottom of the list when working with react-window VariableSizeList
- Connect(Droppable): Support for defaultProps will be removed from memo components in a future major release. Use JavaScript default parameters instead.
- 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
- 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 4
- Unable to work in Next.js 14
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.