Arrow Indicator for Dropdown Menus
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 feature requests
- I have read the contributing guidelines
Proposal
The dropdown menus in Bootstrap don't display an arrow indicator when expanded, but these would be very helpful for some types on menus, particularly in situations where you have a several icon buttons (with no text) on a navbar - each with a dropdown so when a dropdown is expanded it's not immediately clear visually which one is activated.
I imagine the arrow would be styled like the popover arrows and it'd be opt-in via adding a modifier class to the dropdown menu..
Motivation and context
GitHub (and many other sites) makes use of these:
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 Bootstrap's dropdown menus and compare the proposed indicator with the popover arrows shown in the linked documentation. Determine how an opt-in modifier class should identify an expanded icon-only dropdown, then verify that the indicator clearly shows which menu is active without affecting menus that do not opt in.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, javascript
- Domain
- design, frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Active
- Clarity
- Mostly clear
- Newbie friendliness
- 48/100