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.

Bug: You are able to drag scroll from rulers when guides are hidden and element is disabled

See original GitHub issue

Environments

  • Framework name: VanillaJS
  • Components:
  • Testable Address(optional): codesandbox

Description

To Reproduce

  1. click on either rulers to add a guide and immediately drag scroll
  2. Click the Show Guides button (this will toggle off showGuides)
  3. perform step 1

Notice that you are still scroll dragging with no guide or anything

Issue Analytics

  • State:closed
  • Created 10 months ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
daybrushcommented, Dec 1, 2022

@SidIcarus

@scena/guides@0.20.3 is released.

And i checked the demo. It doesn’t seem to be dragging from Guides or InfiniteViewer. It’s just that your drag causes the scroll.

Try to set css to stage element

user-drag: none;
    -webkit-user-drag: none;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
0reactions
SidIcaruscommented, Dec 1, 2022

Oh wow, I didn’t even think of that. Thank you!

Read more comments on GitHub >

github_iconTop Results From Across the Web

bizarre guide drag-create scroll glitch - Launchpad Bugs
If you disable the rulers, you can still create guides by dragging the edge (if you ... I repro the ability drag guides...
Read more >
How to universally enable scrolling on website that disabled ...
In a browser like Chrome etc.: Inspect the code (for e.g. in Chrome press ctrl + shift + c );; Set overflow: visible...
Read more >
Best way to prevent page scrolling on drag (mobile) · Issue #487
Whenever I drag on a long page the whole page moves along with the scroll. On mobile and tablet this can be annoying...
Read more >
Get started with viewing and changing the DOM
Complete these interactive tutorials to learn the basics of viewing and changing a page's DOM using Chrome DevTools.
Read more >
Fixed issues in Illustrator releases - Adobe Support
We 've been working hard at fixing the issues you reported to us. Here's a list of issues we fixed in the latest...
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