Comments (14)
There is no problem. Your image resizes container vertically, so it fits completely in the container.
Just set the max height of your container and vertical dragging will be appear
https://codesandbox.io/s/test-indiana-drag-scroll-e1xgm
from react-indiana-drag-scroll.
Hello!
Could you upload the example, that illustrates your problem?
I can't reproduce this bug here.
from react-indiana-drag-scroll.
Here you go :)
from react-indiana-drag-scroll.
Okay my bad indeed, I did not think of the max-height. Sorry and thanks for the reactivity
from react-indiana-drag-scroll.
@donpernino, you are welcome!
from react-indiana-drag-scroll.
Hi there,
I am also having the same issue. my vertical scroll is not working and in my example height is more than the screen height I can see the scroll bar on the right side.
` <ScrollContainer
vertical={true}
horizontal={true}
hideScrollbars={true}
>`
is code.
from react-indiana-drag-scroll.
@Kamlesh-62, what's version do you use?
from react-indiana-drag-scroll.
I guess the latest one @2.2.0
from react-indiana-drag-scroll.
@Kamlesh-62, try to use @next
version for test.
from react-indiana-drag-scroll.
I am sorry I did not understand correctly, what's the @next version? if you can provide me a link that would be really appreciated.
from react-indiana-drag-scroll.
You means this version @3.0.3-alpha
from react-indiana-drag-scroll.
Nope, I tried with this @3.0.3-alpha, it is not scrolling, even the whole right part gets hidden. I you have any solution for the current version?
from react-indiana-drag-scroll.
Thanks find a solution. On the scroll-container "Div", I gave 100vh height it worked. I don't know why it did not work on the default height from the browser. Thanks, BTW.
from react-indiana-drag-scroll.
@Kamlesh-62, all's well that ends well.
from react-indiana-drag-scroll.
Related Issues (20)
- [Request] Option to remove body class HOT 9
- No way to get scroll offsets HOT 3
- There is no response to the components in ScrollContainer. HOT 8
- Doesn't work with scroll snapping HOT 3
- Any plan of migrating to function components? HOT 4
- Any plan to support React 18? HOT 5
- Activate drag scroll with the mouse wheel? HOT 5
- Change input in container HOT 4
- Horizontal scroll not working with touchpad HOT 7
- 'ScrollContainer' cannot be used as a JSX component. HOT 6
- style prop isn't applied in v3 HOT 10
- Dragging problem on touch devices HOT 8
- Add horizontal scroll support using a scroll wheel HOT 2
- reset scroll bar position HOT 1
- scrollLeft not set when scrolling with mousewheel HOT 3
- Receiving [Violation] warning on every render of ScrollContainer
- Bad importation at https://norserium.github.io/react-indiana-drag-scroll/ HOT 1
- v3 feedback HOT 1
- Doesn't work with Next.js 13+ HOT 4
- Focus removed from input elements 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 react-indiana-drag-scroll.