chore(docs): add usability hint to popover documentation

This commit is contained in:
upsiflu 2024-12-17 19:08:01 +01:00
parent 0460525e3f
commit 3ab5830296
1 changed files with 6 additions and 0 deletions

View File

@ -59,9 +59,15 @@ This component has severe usability issues and cannot be used as-is:
- I can't operate the popup with a keyboard. Remove barrier for people not using a mouse (A11y)
- Switching to submenus is error-prone. When moving cursor into freshly opened submenu, it should not close if the cursor crosses another menu item
- Large menus disappear. When menus get big, they need to scroll.
- Submenus open without a delay, and they don't close unless I click somewhere outside them, which goes against established expectations.
Common Ui libraries in the Vue ecosystem such as vuetify or shadcn-vue all implement these features. It may be prudent to use their components.
**Quick mitigation tactics:**
- Place complex interfaces into nested [`Modal`](./modal)s
- Place long lists into [a native `<Select>` element](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select)s.
:::
| Prop | Data type | Required? | Description |