Emoji modal's width incorrect on mobile

[tgxworld (Alan Tan)]

Continuing the discussion from Help us test the rewritten Composer:

@anon20391312

I see what you mean - the emoji popup is indeed blurry. That is not related to the new editor specifically, also in the old composer the popup is now blurry.

It looks like the blurryness is caused by the transform CSS statement which is now used to position the element. In previous versions this was achieved by using a negative top and left for the popup positioning.

Hmm it seems like the blurry emojis is a webkit specific issue.

Using transform: scale results in blurry images

The use of transform was removed in FIX: Don't use transform for the emoji popup, it blurs it · discourse/discourse@d7d88f8 · GitHub but it broke the emoji modal on mobile.

[codinghorror (Jeff Atwood)]

Another composer rewrite regression @eviltrout

[eviltrout (Robin Ward)]

I prefer to call them “curiosities” rather than “regressions.”

https://github.com/discourse/discourse/commit/393a05ed9efb9715bd4e12f1975008e4e368fb3e

[codinghorror (Jeff Atwood)]

[tgxworld (Alan Tan)]

Hehe not a composer regression. I was the one that introduced transform previously while making emoji modal work on mobile.

[tgxworld (Alan Tan)]

Ah this is not the same bug and might be related to the composer rewrite. I can’t insert an emoji from the modal.

[tgxworld (Alan Tan)]

Fixed in
https://github.com/discourse/discourse/pull/3896