StackExchange / StackExchange/Stacks-Editor
Image popover steals cursor focus
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 437
- Forks
- 61
- Avg merge
- 16h 2m
- Merged PRs (30d)
- 8
Description
Describe the bug
When using the arrow keys to move through a document the image popover "steals" the cursor focus from the document when the image is considered "selected".
To Reproduce
Steps to reproduce the behavior:
- Open the default demo page
- Place the cursor near the Kermit gif
- Use the arrow left/right keys to move the cursor past the image
- Note that as soon as the image is focused, the cursor moves to the popover and cannot leave
Expected behavior
The cursor should continue moving through/past the image with out focus being stolen. Ideally, focus would only be stolen when clicking on the image directly.
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
Start with the default demo page and reproduce the arrow-key navigation around the Kermit image. Inspect the image popover's focus behavior when the image becomes selected; the work is done when the cursor can move past the image without focus being stolen, while clicking the image can still focus the popover.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100