reacts on ios are grayed out and cannot be used #22

New issue

Closed

opened 2022-07-22 09:57:35 +00:00 by toast · 5 comments

toast commented

2022-07-22 09:57:35 +00:00

Owner

Not entirely sure how to debug that, but let's see if I can figure it out.
I'll also test in safari ig?

Not entirely sure how to debug that, but let's see if I can figure it out. I'll also test in safari ig?

toast self-assigned this 2022-07-22 09:57:35 +00:00

toast commented

2022-07-22 09:58:36 +00:00

Author

Owner

Yeah that makes things a lot easier - it's also borked on desktop safari.
That means it's a webkit quirk (or rather chrome has a quirk around it).

Yeah that makes things a lot easier - it's also borked on desktop safari. That means it's a webkit quirk (or rather chrome has a quirk around it).

toast commented

2022-07-22 14:06:14 +00:00

Author

Owner

Ok so the issue is that there is an element that looks like so that covers the reacts (so the click doesn't go through):
<header class="_acrylic" data-v-f6f14d91="">Custom Emoji</header>

If I remove it via inspect element, reactions become available again.

Ok so the issue is that there is an element that looks like so that covers the reacts (so the click doesn't go through): `<header class="_acrylic" data-v-f6f14d91="">Custom Emoji</header>` If I remove it via inspect element, reactions become available again.

toast commented

2022-07-22 14:09:53 +00:00

Author

Owner

Looks like it's the _acrylic class that creates the issue.

Looks like it's the `_acrylic` class that creates the issue.

toast commented

2022-07-22 14:11:44 +00:00

Author

Owner

src/components/emoji-picker.vue:59 is the header and it is indeed the class.

`src/components/emoji-picker.vue:59` is the header and it is indeed the class.