v6 alpha - hover-lift effect on menu dropdown only works when mouse is over the button
Maintainers usually reply within 1 day
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 67/100
- Issue type
- Bug
- Clarity
- Mostly clear
- Activity status
- Active
- Tech stack
- css, javascript, scss
- Domain
- frontend
Research direction
Start by locating the hover-lift styles and the dropdown toggle styles that apply when the menu has the show class; the issue does not name their files or a test. Check how the hover state changes while moving the pointer from the button to the menu items. Done when the button stays lifted and the dropdown does not shift during that interaction.
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
When I apply the class hover-lift to a menu toggle button, the button will lift when I hover over it and when I click the button, the menu dropdown correctly positions itself below the lifted button, but when I move the mouse to the menu items, the lift effect stops and the menu and button shifts downward.
- To reproduce, create a menu toggle button with a menu and add class hover-lift to the button.
- Hover mouse over the button. The button lifts and stays lifted when clicked
- Move mouse to menu items. The lift effect is gone and menu shifts down.
Reduced test cases
I think that if hover-lift is used on the menu toggle button, it should stay lifted when the show class is also applied. this will prevent the menu from shifting when the user moves the mouse to select an item.
What operating system(s) are you seeing the problem on?
Windows
What browser(s) are you seeing the problem on?
Microsoft Edge
What version of Bootstrap are you using?
6.0.0-alpha.1
- Dominant language
- MDX
- Stars
- 175k
- Forks
- 78.5k
- Avg merge
- 1d 11h
- Merged PRs (30d)
- 111
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
-
Dialog closes when a file input inside it has its picker cancelledPossibly taken @samyferhat claimed this 2 days ago. Openbug confirmed has-pr js v6
Difficulty 2/5 1-3 hours Newbie friendliness 85/100
twbs/bootstrap#43278 · 1 comment · 1 reaction ·
Maintainers usually reply within 1 day
-
docs js on-hold v6
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
Maintainers usually reply within 1 day
-
Toasts seem to be hidden behind drawersPossibly taken @ump45nose claimed this 9 days ago. Openbug confirmed docs has-pr html v6
Difficulty 2/5 1-3 hours Newbie friendliness 72/100
Maintainers usually reply within 1 day
-
File input height taller than expectedPossibly taken A pull request linked to this issue is open or already merged. Openbug confirmed css has-pr v6
Difficulty 2/5 1-3 hours Newbie friendliness 73/100
Maintainers usually reply within 1 day
-
Theme variations like theme-contrast do not work as expected in a table.Possibly taken @bercedev claimed this 15 days ago. Openbug confirmed css has-pr v6
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
Maintainers usually reply within 1 day
Similar issues
-
ipaas: Configure form shows "Deploy to apply." and "Overrides selected Link" when they don't applyPossibly taken A pull request linked to this issue is open or already merged. Open
Difficulty 2/5 1-3 hours Newbie friendliness 67/100
wso2/integration-control-plane#1118 ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 68/100
UTDNebula/utd-notebook#311 ·
Maintainers usually reply within 2 days
-
Bug
Difficulty 2/5 1-3 hours Newbie friendliness 67/100
Maintainers usually reply within 1 day
-
claude
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
sprain/sprainocchio#26 ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 76/100
Maintainers usually reply within 4 days