3 ms·
Very cool stuff! Little tip, you might want to add a -webkit-user-select: none on the container elements so it prevents highlighting in Safari when dragging th
by emseetech 2y ago
Very cool stuff!
Little tip, you might want to add a -webkit-user-select: none on the container elements so it prevents highlighting in Safari when dragging the cursor out and back over.
- tyleo 2y agoThanks for the tip! I had `user-select: none` on the container which had the glass inside of it but apparently that didn't work. I just updated the page with `user-select: none` on the glass itself and it looks like that did the job.
- emseetech 2y agoI may be mistaken, but I think you have to use the -webkit- prefix for it to work in Safari. It's working great in Chrome and Firefox though.
- tyleo 2y agoInteresting, I'll add the prefix and install desktop Safari in the future. I was testing on Safari iOS and it looks like the non-prefix version worked there.
- emseetech 2y agoYeah it's basically fine in Safari because mobile requires a double tap to highlight, but only a single click on desktop. So highlighting is more intentional on mobile than desktop.
- yett 2y agoSafari is only available on macOS
- Terretta 2y agoYou must mean something by this. What do you mean? // Written from a browser Apple calls Safari on iOS.
- yett 2y agoI assumed that by them saying "installing desktop Safari" they are using an OS other than macOS since Safari comes preinstalled on macOS and can't even be uninstalled at least not without disabling System Integrity Protection.
- chrismorgan 2y agohttps://developer.mozilla.org/en-US/docs/Web/CSS/user-select#browser_compatibility https://developer.mozilla.org/en-US/docs/Web/CSS/user-select... says Safari and Safari for iOS are still -webkit- only, and I’m pretty sure that stuff gets checked and updated automatically.