Popup misaligns from infobutton when using arrow keys
Open
Nobody has claimed this yet.
- Dominant language
- Clojure
- Stars
- 823
- Forks
- 142
- PR merge metrics
- No merged PRs in 30d
Description
Using the up and down arrow keys on the keyboard breaks the popup alignment.
https://re-com.day8.com.au/#/info-button
When removing position: fixed; from the <div class="rc-popover-content-wrapper-wrapper rc-popover-content-wrapper popover-content-wrapper rc-popover-tooltip-content-wrapper" ... > element, it works correctly.
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 linked re-com info-button demo and reproduce the misalignment using the up and down arrow keys. Inspect the popover content wrapper containing position: fixed; and compare its behavior when that declaration is removed; done means the popup stays aligned with the info button during keyboard navigation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- clojure, react
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 58/100