分享一个 Windows11 中的设计小巧思

没看明白

@archxm 这个一级菜单和二级菜单是错开的，如果没有特殊走位，你的鼠标是挪不到二级菜单上面去的

复现失败，我更倾向认为是触发了某种 bug

你在分辨率设置那里把缩放比调成 125%呢？

对前端程序员来说很常见，你直接移出了整个 div 区域，导致 hover 失效了，你先移动到二级菜单就行了，这不是 window11 的问题，作为前端来说也不认为这有什么问题

复现了一下，你在新建那里点一下就能固定住

我比例 200%确实出现没有贴合的情况，但是鼠标移出二级菜单还在，也许已经修复了？

我看了半天才看明白，如果屏幕下方的空间不足，往上弹出的时候才会出现，然后鼠标挪动，并不会立即消失，即便滑向别处也会稍微停留片刻才隐藏，大概 1 秒钟

刚测试了一下，可以“绕路”过去，二级菜单弹出后，鼠标停在“新建”栏不要出来，要停两秒，然后鼠标从左边出来（假设二级菜单在右边，鼠标就从左边出来），在此过程中要注意鼠标不可向上移或向下移，必须平移从左边出来，出来后，只要不再碰到一级菜单，那么二级菜单就会保持显示。

没这种问题

把消息队列记录下来，哈哈。

XP 时代就注意到过. 我猜设计理念是确保菜单在桌面的任意部分弹出都能完整显示.
如果是多桌面 (非拼接屏幕), 菜单或鼠标指针都不会盲目跨越桌面边缘.
既然子菜单的动画向上伸展, 我猜上一级菜单的初始位置靠近桌面底边, 子菜单要遵循 "完整显示" 的原则进而向上伸展而不是越过桌面边缘.

25H2 ，跟楼主不太一样，鼠标在新建的区域内持续一下就直接展开固定了

@QingXuJiaZhi 我验证了，不能稳定的定住二级菜单，时而行时而不行，不像是个设计内的功能

话说 windows 的菜单没有实现安全三角区吗？
https://bjk5.com/post/44698559168/breaking-down-amazons-mega-dropdown

@malusama 你这个内容很有意思，不知道是不是 web 前端的通用准则，但是桌面程序这块我观察是基本没人考虑这个问题，chrome 的下拉菜单也没有这个设计

https://floating-ui.com/docs/usehover#safepolygon