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.

Scrolllock don't unlock touch on chrome mobile

See original GitHub issue

Steps to reproduce the behavior:

I have two pages on system, PageOne and PageTwo. I use the react-router to route between URLs.

I use Lightbox on the Page Two when user clicks on an image. So, after open Lightbox, just click on previous button of chrome mobile browser and return to PageOne, but the scroll don’t work more using touch.

Looking the Lightbox source I found the ScrollLock component that is responsible for “Lock the body” while Lightbox is open. When unmount ScrollLock component it unlocks the body html tag to scroll normally.

Using the X close icon, everything goes fine, but using the back button of android device while the Lightbox is open, not.

Expected behavior:

Scrollbar working using touch after click on back button.

Actual behavior:

Scrollbar don’t work using touch.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:3
  • Comments:9 (3 by maintainers)

github_iconTop GitHub Comments

3reactions
xgambitoxcommented, Oct 16, 2017

Having the same issue on chrome browser. Have you guys figured out a workaround?

1reaction
romanlexcommented, Nov 14, 2017

I can confirm. Chrome browser same issues

Read more comments on GitHub >

github_iconTop Results From Across the Web

Move around your Home screen with TalkBack - Google Support
At the bottom middle of the screen, find the unlock button, then double-tap. Step 2: Move around your Home screen. Important: These instructions...
Read more >
How to lock Chrome incognito tabs behind Face ID on iPhone
Google Chrome browser on iOS devices has a neat feature: The ability to lock incognito tabs with Face ID, Touch ID, or a...
Read more >
How to Turn Off the Touch Screen on a Chromebook - Alphr
To disable the touchscreen and/or touchpad, open the Chrome browser on your Chromebook. · From the next screen, locate Debugging keyboard ...
Read more >
How to fix a Chromebook (simple tricks you can try)
If you have Chromebooks that fold into a tablet, they should automatically rotate between portrait ... What if your Chromebook's touch screen stops...
Read more >
Android Accessibility Suite - Apps on Google Play
Android Accessibility Suite is a collection of accessibility apps that help you use your Android device eyes-free or with a switch device.
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