From 3ab583029606e1d471ab76f7537e035cda1486ce Mon Sep 17 00:00:00 2001 From: upsiflu Date: Tue, 17 Dec 2024 19:08:01 +0100 Subject: [PATCH] chore(docs): add usability hint to popover documentation --- front/ui-docs/components/ui/popover.md | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/front/ui-docs/components/ui/popover.md b/front/ui-docs/components/ui/popover.md index 7520922cf..83f0b56be 100644 --- a/front/ui-docs/components/ui/popover.md +++ b/front/ui-docs/components/ui/popover.md @@ -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 `