microsoft / microsoft/pxt-microbit
Touch events propagate through dropdown into popped out simulator behind
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 804
- Forks
- 721
- Avg merge
- 2d 9h
- Merged PRs (30d)
- 2
Description
Describe the bug
If you zoom the page until you have a small popped out simulator in the bottom right, then this sim remains topmost above any blocks. You are unable to place a block in front (z order) of the sim.
However, you can have a block nearby with a dropdown field, that then appears on top of the sim. If you click on it select a dropdown item using a touch event, the touch event opens the sim which is very surprising.
To Reproduce
Steps to reproduce the behavior:
- Use browser zoom (e.g Ctrl + Shift + Plus on Windows, or broswer settings) until the sim pops out
- Place a block such that the drop down is just above (y axis) the sim
- Use touch to click on the dropdown and select an option
- See the fullscreen sim appear unexpectedly
Expected behavior
A clear and concise description of what you expected to happen.
Screenshots
In the second screenshot, the dropdown is open and appears visually on top of the pop-out sim. If you select one of the dropdown options with a mouse click, all is good. If you select it with touch, the fullscreen sim opens unexpectedly (and, also, the option is selected correctly but you don't see this)
micro:bit version (please complete the following information):
not hardware related
Desktop (please complete the following information):
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in Chrome on Windows 11 using the listed zoom, popped-out simulator, dropdown, and touch interaction. Trace the frontend touch-event handling for dropdown selections and the popped-out simulator; done means touch selects the dropdown option without opening the fullscreen simulator, while mouse behavior remains unchanged.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100