The use of backdrop-filter triggers a fascinating bug in Firefox if you have manually enabled it (about:config, layout.css.backdrop-filter.enabled = true): the menus have a `backdrop-filter: blur(25px)`, and when they’re closed, the menus are hidden with `visibility: hidden` (I can’t see any reason why `display: none` is not used, you should normally prefer it), and this triggers <a href="https://bugzilla.mozilla.org/show_bug.cgi?id=1600485" rel="nofollow">https://bugzilla.mozilla.org/show_bug.cgi?id=1600485</a>, where the blurred backdrop still gets rendered, making the areas underneath those menus basically useless as they’re blurred beyond recognition.
Update: Issue is fixed now, see author's comment below.<p>--<p>The link goes to the wrong demo!<p>"macOS in Svelte" is here:<p><a href="https://macos-svelte.vercel.app/" rel="nofollow">https://macos-svelte.vercel.app/</a><p>"macOS in Preact" is here:<p><a href="https://macos.vercel.app/" rel="nofollow">https://macos.vercel.app/</a>
This has a ton of clever tricks in it.<p><a href="https://github.com/PuruVJ/macos-web/blob/main/src/components/apps/VSCode/VSCode.svelte" rel="nofollow">https://github.com/PuruVJ/macos-web/blob/main/src/components...</a> is the source code for the VSCode app - it actually works by adding an iframe around <a href="https://github1s.com/puruvj/macos-web" rel="nofollow">https://github1s.com/puruvj/macos-web</a>
Looks pretty neat but one thing immediatly noticed:<p>When clicking in in the menu bar to open a menu (for example on the apple logo) and then moving the mouse down, but diagonally in a way that the cursor cross the next to the right menu item (eg finder):<p>- in this demo the hover triggers the finder menu to open<p>- on a real map the diagonal down movement prevents that and keeps the current menu open
This is just like:<p><a href="https://www.windows93.net/" rel="nofollow">https://www.windows93.net/</a><p>And<p><a href="https://windows96.net/" rel="nofollow">https://windows96.net/</a>
What fascinates me is that this was apparently written in just two days according to the commit log: <a href="https://github.com/PuruVJ/macos-web/commits/" rel="nofollow">https://github.com/PuruVJ/macos-web/commits/</a>
Gotta be honest, the last mac I ever used ran OS8 I think, maybe 9, it was one of the classic Mac os's either way.<p>I know this is just a UI recreation and not the actual OS but as a long time KDE user, like over a decade, I can't help but think meh, why does this UI get so much praise?<p>I can make my desktop look, act and behave literally any way I want, I can modify every single aspect of every single thing on my desktop to suit my work flows and everything I do on a computer exactly so my computer does exactly what I want, when I want, exactly how I want it to in the exact way I want things to be done.<p>I haven't changed much over the years, i've copied my configs through every update, even brand new computers and everything always just works how I want it to.<p>Why do people pay the premium for this UI Apple forces you to use?