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.

scroll & zoom(canvas) of project preview (popup) doesn't seem right

See original GitHub issue

Describe the bug Under My Circuits when you click view

  • The popup is scrolls along the page
  • Secondly when you use a mouse-pad (2 finger scrolling), it scrolls as well as zooms the canvas
  • Bug in Firefox browser , not in chrome.

To Reproduce Steps to reproduce the behavior:

  1. Log in with admin credentials
  2. Go to My Circuits under User drop-down
  3. Click on view on the saved project for the popup to appear
  4. Scroll in a mouse-pad while the mouse pointer is inside the canvas.
  5. See error

Expected behavior

  • The popup should remain fixed
  • 2 finger scrolling in a mouse-pad shouldn’t zoom & scroll the canvas at the same time (pinch to zoom available in most mouse-pads)

Screenshots zoom issue

Desktop (please complete the following information):

  • OS: Windows 10
  • Browser: Mozilla Firefox
  • Version: 73.0.1

Are you working on this issue? (Yes/No) Yes

Issue Analytics

  • State:open
  • Created 4 years ago
  • Comments:10 (8 by maintainers)

github_iconTop GitHub Comments

1reaction
aayushgupta05commented, Mar 3, 2020

Can you clarify the issue you were facing (may be include a video) ? The scroll to zoom is a feature of simulator itself, so if you scroll on the iframe it zooms, else when you scroll outside it goes normally to scroll the page/pop up further. (The popup hasn’t been made fixed because it might not be visible completely on smaller devices.)

0reactions
aayushgupta05commented, Nov 28, 2020

@satu0king it’s fixed now. Since we have decreased the modal size, so now whole of it is visible in one go and bootstrap doesn’t add an addiional scroll bar when the modal is shown (disabling any scroll). image

Read more comments on GitHub >

github_iconTop Results From Across the Web

Zoom Canvas to Mouse Cursor - javascript - Stack Overflow
I've put up a full working example on my website for you to examine, supporting dragging, click to zoom in, shift-click to out,...
Read more >
Zoom and scroll in the Final Cut Pro timeline - Apple Support
Drag the scroll bar at the right side of the timeline up or down. Click the Tools pop-up menu in the top-left corner...
Read more >
Prototype scrolling with overflow behavior - Figma Help Center
Select the frame you want to update. Open the Design panel in the right sidebar. Hover over the frame's bounds in the canvas...
Read more >
Regain focus on canvas after dialog/popup closes #741 - GitHub
I'm using the mouse wheel to zoom in/out on the content and that doesn't work until I first click the mouse somewhere on...
Read more >
How to fix scroll bar in chrome - Edizioni La Grafica
Except for the scrollbar, which is grey on grey - difficult to see at times as you can imagine. css-- yet the scrollbar...
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