v6: responsive navbar drawer incorrect position
Maintainers usually reply within 1 day
Nobody has claimed this yet.
Assessment
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Newbie friendliness
- 55/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Active
- Tech stack
- bootstrap, css, javascript, scss
- Domain
- frontend
Research direction
Start with the linked CodePen reduced test case and reproduce the navbar drawer position in Safari on macOS with Bootstrap 6.0.0-alpha.1. Then trace the navbar toggler and drawer positioning entry points; the issue does not name files or tests. Done when the drawer opens at the correct position with the navbar at the top of the page.
Written by the indexing model from the issue text.
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
Clicking on the navbar-toggler icon displays the drawer with an incorrect position: with the navbar at top of the page, the drawer's y coordinate is negative
Reduced test cases
https://codepen.io/editor/echolet/pen/01a12f26-8812-7cc0-a648-0e58bd03691e
What operating system(s) are you seeing the problem on?
macOS
What browser(s) are you seeing the problem on?
Safari
What version of Bootstrap are you using?
6.0.0-alpha.1
- Dominant language
- MDX
- Stars
- 175k
- Forks
- 78.7k
- Avg merge
- 1d 10h
- Merged PRs (30d)
- 98
Getting set up
- No Dockerfile or Docker Compose file
- Has a pull request template
- Read the contributing 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.
More from twbs/bootstrap
-
accessibility css refactoring v6
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
twbs/bootstrap#43333 · 1 reaction ·
Maintainers usually reply within 1 day
-
Select input form caret wrong position on RTL modePossibly taken @adityajai119 claimed this today. Openbug confirmed css has-pr v6
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
twbs/bootstrap#43327 · 3 comments ·
Maintainers usually reply within 1 day
-
v6: OTP input keeps the rest of a selection when you type over itPossibly taken @thejesh23 claimed this 2 days ago. Openbug confirmed has-pr js v6
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
twbs/bootstrap#43323 · 2 comments ·
Maintainers usually reply within 1 day
-
v6: Strength ignores common symbols as special charactersPossibly taken @thejesh23 claimed this 2 days ago. Openbug confirmed docs has-pr js v6
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
twbs/bootstrap#43322 · 1 comment ·
Maintainers usually reply within 1 day
-
v6 alpha - hover-lift effect on menu dropdown only works when mouse is over the buttonPossibly taken @Aryan9891 claimed this 5 days ago. Openbug confirmed css has-pr v6
Difficulty 2/5 1-3 hours Newbie friendliness 67/100
Maintainers usually reply within 1 day
Similar issues
-
status: waiting for maintainer
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
mui/material-ui#49751 ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
moonbitlang/openseek#2481 ·
Maintainers usually reply within 1 day
-
💬assessment
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
db-ux-design-system/core-web#8795 ·
Maintainers usually reply within 1 day
-
ai-driven-fuzzing bug claude Minor
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
Maintainers usually reply within 2 days
-
Difficulty 1/5 Under an hour Newbie friendliness 90/100
home-assistant/installer#664 · 1 comment ·
Maintainers usually reply within 1 day