下拉選單安全區
下拉選單安全區/hover三角
2023-08-29 Hover triangles
@claviska: Implemented safe triangles to improve submenu selection in @shoelace_style today.
2023-10-06
https://video.twimg.com/ext_tw_video/1710098012566085632/pu/vid/avc1/720x736/4PVl-lbQfJA4FuNw.mp4?tag=12#.mp4
@claviska: @shoelace_style The triangle is displayed as a fixed position pseudo element (::after) cropped with clip-path and anchored to:
2023-10-06
- The cursor
- The top-start of the submenu
- The bottom-start of the submenu
The coordinates get updated on mousemove and when the menu repositions. The triangle is…
https://pbs.twimg.com/media/F7wwjYfWgAAlACw.jpg
https://x.com/JohnPhamous/status/1970899841485242571
2025-09-25
https://x.com/jh3yy/status/1977789306153406815
2025-10-14
https://x.com/sorenblank/status/2023214633298039149
2026-02-16
滑鼠xy
目標A點左側、上側+padding
目標B點左側、上側+padding
https://x.com/sorenblank/status/2023607579369500890
Invisible details - Building contextual menus - Linear