question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

If touchScrollTarget doesn't have a scrollbar, the page can still be scrolled

See original GitHub issue

I’m not even sure if there is any (easy) solution, but I’ll post this anyway.

It seems that touchScrollTarget should be scrollable in order for touchmove events not to propagate to the body. However, in our app we don’t always know if the contents fits into scrollable container or not. If it does, touch events will scroll the touchScrollTarget. However, in case it doesn’t, they will scroll <body>.

For example, in the example (which is also the home page), there is an area with overflow-y: auto and fixed height. Removing height will make the page scrollable even when the lock is enabled.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:11 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
jossmaccommented, Jan 22, 2019

@theKashey what are you up to there buddy?

It’s very misleading, not to mention disingenuous, to use a phrase like “Works for me” then link to a CodeSandbox that’s using a different lib.

1reaction
DrChaicommented, Sep 12, 2018
Read more comments on GitHub >

github_iconTop Results From Across the Web

Scrollbar not scrolling completely down the page
The page gets shrinked and a scrollbar shows up since it is set to overflow:scroll . Now the problem is that it does...
Read more >
Add a scrolling screen to a canvas app - Power Apps
In Power Apps, create a screen that users can scroll to show more types of content than the screen can show at a...
Read more >
[Solved] Why no scroll bar when using a div within a div
I have a contained div "Options" within a wrapper div. If the contained div has a height which is greater than the height...
Read more >
Hide scroll bar, but while still being able to scroll using CSS
Preferably Hide scrollbars only when if all content is visible else user may skip the content; Avoid horizontal scrolling on Web pages and ......
Read more >
scrollbar-gutter - CSS: Cascading Style Sheets - MDN Web Docs
Classic scrollbars create a gutter when overflow is scroll ... reserves space for the div on the left which doesn't have scrollable content....
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found