Popover arrow while zooming
Open
Nobody has claimed this yet.
- Dominant language
- MDX
- Stars
- 175k
- Forks
- 78.6k
- Avg merge
- 7h 19m
- Merged PRs (30d)
- 35
Description
Prerequisites
- I have searched for duplicate or closed issues
- I have validated any HTML to avoid common problems
- I have read the contributing guidelines
Describe the issue
It seems that the positionnong of popover's arrow is not always perfect when zooming.
Reduced test cases
(I changed border color to full black for better display)
Normal display at 100% zoom:
At 110% zoom:
And at 125% zoom:
It probably comes from the way browser handle calculation and approximation with rem values so I honestly don't know it there is a way to fix it. 🤔
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Chrome
What version of Bootstrap are you using?
v5.2.0
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
No source file or test is named. Reproduce the Bootstrap v5.2.0 popover in Chrome on Windows at 100%, 110%, and 125% zoom, using the reported screenshots as reference; done means the arrow remains correctly aligned across those zoom levels or the limitation is documented.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css
- Domain
- frontend
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100