Emoji modal's width incorrect on mobile

AI-generated summary

The discussion revolves around an issue with the emoji modal on mobile devices. tgxworld reports that the modal’s width is incorrect, causing blurry emojis. They suspect this is a webkit-specific issue caused by the use of transform CSS statement, which was previously removed in a commit. codinghorror notes that this is another regression in the composer rewrite, but eviltrout prefers to call it a “curiosity.” tgxworld clarifies that they introduced the transform CSS statement to make the emoji modal work on mobile, and later reports a separate issue where they cannot insert an emoji from the modal, which they believe might be related to the composer rewrite. A fix for the issue is proposed in a GitHub pull request (tgxworld).

Continuing the discussion from Help us test the rewritten Composer:

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

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.

1 „Gefällt mir“

Another composer rewrite regression @eviltrout

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

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

5 „Gefällt mir“

4 „Gefällt mir“

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

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

1 „Gefällt mir“

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

6 „Gefällt mir“