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.

Can't select any HTML or input if Viewport is created

See original GitHub issue

I am using Vue 3 and the last versions of Pixi+Viewport, now faced a strange problem. If I call new Viewport in code, I won’t be able to select anything, I just can’t select text, can’t write in input etc. user-select is OK, CSS is OK. The problem appears when using Viewport!

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:8 (3 by maintainers)

github_iconTop GitHub Comments

1reaction
temirlanzhangazycommented, Apr 26, 2021

I found out that deleting new Viewport causes errors that block the mouseDown function. mouseDown event had an e.preventDefault function… My bad. Thanks.

1reaction
davidfigcommented, Apr 26, 2021

Ok, that is just strange. The only non-PIXI event listener that pixi-viewport uses is ‘wheel’. I’m not sure how the viewport is blocking other events. Did you check your DOM to see what is capturing the event?

Read more comments on GitHub >

github_iconTop Results From Across the Web

Viewport is not visible and cannot be selected or adjusted in ...
Solution: · On the command line type QSELECT. · Select 'Viewports' from the drop down list and click 'Ok'. · Move viewport to...
Read more >
Cannot type in input text field - html - Stack Overflow
When I remove the first div that has the id="viewport" I am able to type in the input field. How am I able...
Read more >
Visible radio button cannot be clicked ("element is outside of ...
The objective is to click/select the radio button with the label "JA" ... be clicked ("element is outside of the viewport") on Aug...
Read more >
HTML attribute: readonly - HTML: HyperText Markup Language
The Boolean readonly attribute, when present, makes the element not mutable, meaning the user can not edit the control.
Read more >
Present designs and prototypes – Figma Help Center
To access presentation view from any Figma design file, click in the toolbar, ... If your prototype has a starting point, Figma will...
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