andreisperid / E-TKT

open source embossed label maker
https://andreisperid.github.io/E-TKT/
MIT License
398 stars 19 forks source link

On iOS mobile safari the UI is unusable #20

Closed sabeechen closed 1 year ago

sabeechen commented 1 year ago

On mobile safari on iOS, and no other browser, the 'user-select: none' CSS attribute is interpreted as disabling an element completely. This makes the UI unusable for the device, as text can not be entered into the label textbox and emoji buttons can't be clicked.

I'll make a PR that fixes this.

andreisperid commented 1 year ago

@sabeechen I've just fixed a small CSS issue where the button labels became selectable (0869f2f).

I've tested on safari (macOS) and it seemed ok, but didn't on iPhone as I don't have one. Can you please check if its alright?

sabeechen commented 1 year ago

Yup looks like its still fixed, sorry it took a while to get back to you.

As an aside, I've started using browserstack to test websites on different platforms and found it very helpful for problems like this. They let you use it for free if you maintain an open source repo, I think your repo would qualify.

andreisperid commented 1 year ago

Very cool tip, thank you!