Hacker News Reader

Comment by emseetech | Hacker News Reader

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.

View on HN

Thanks 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.

I 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.

Interesting, 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.

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.

Safari is only available on macOS

You must mean something by this. What do you mean?

// Written from a browser Apple calls Safari on iOS.

I 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.

Yeah 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.

Reply on news.ycombinator.com