Skip to content

Commit 1bfdde6

Browse files
authored
chore: minor updates to dropdown docs
1 parent 2f3d2d1 commit 1bfdde6

File tree

1 file changed

+6
-1
lines changed

1 file changed

+6
-1
lines changed

src/components/dropdown/README.md

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -625,7 +625,12 @@ Note that <kbd>DOWN</kbd> and <kbd>UP</kbd> will not move focus into `<b-dropdow
625625
components, but users can still use <kbd>TAB</kbd> or <kbd>SHIFT</kbd>+<kbd>TAB</kbd> to move into
626626
form controls within the menu.
627627

628-
## Implementation note
628+
## Implementation notes
629+
630+
The dropdown menu is rendered with semantic `<ul>` and `<li>` elements for accessibility reasons.
631+
The `.dropdown-menu` is the `<ul>` element, while dropdown items (items, buttons, text, form,
632+
headers, and dividers) are wrapped in an `<li>` element. If creating custom items to place inside the
633+
dropdown menu, ensure they are wrapped with a plain `<li>`.
629634

630635
On touch-enabled devices, opening a `<b-dropdown>` adds empty (noop) `mouseover` handlers to the
631636
immediate children of the `<body>` element. This admittedly ugly hack is necessary to work around a

0 commit comments

Comments
 (0)