Has anyone noticed emojis not rendering properly when using Compose/WASM? Details in the :thread:

# compose-web

[dewildte]

Has anyone noticed emojis not rendering properly when using Compose/WASM?
Details in the 🧵

[dewildte]

Actual in Chrome vs preview in Fleet:

[Oleksandr Karpovich [JB]]

Yes. It's a known bug: https://github.com/JetBrains/compose-multiplatform/issues/3051

[dewildte]

@Oleksandr Karpovich [JB] oh, amazing!
Thanks for sharing!

[dewildte]

@Oleksandr Karpovich [JB] is there also a known bug for portrait not displaying properly, or like, at all?

[Oleksandr Karpovich [JB]]

Not sure. Could you please share more details?

[dewildte]

If I view my WASM website from mobile in portrait mode it does not render anything.

[dewildte]

https://ericdw.github.io/Dewildte/

[dewildte]

That's the little GitHub Page I am playing with.

[dewildte]

All I see is blank

[dewildte]

Landscape is fine though

[Oleksandr Karpovich [JB]]

Should work with 1.6 version.
Please submit an issue on GitHub

[dewildte]

Ok, thanks!

[Oleksandr Karpovich [JB]]

did you use 1.6.10-dev build?
We tried 1.6.0, 1.6.1, 1.6.2 and all of them work fine in portrait mode.
But the issue was reproduced only with 1.6.10-dev versions

[Oleksandr Karpovich [JB]]

Also, please check if you have

<meta name="viewport" content="width=device-width, initial-scale=1.0">

in your index.html

[dewildte]

I will check.

[dewildte]

Looks like I do not have the:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

In that file:

https://github.com/EricDw/Dewildte/blob/main/docs/index.html

[dewildte]

@Oleksandr Karpovich [JB] I have made the project public so it can be inspected.

[dewildte]

Maybe Kotlin Multiplatform Wizard didn’t add that to the index HTML?

[dewildte]

@Oleksandr Karpovich [JB] Adding the meta data under the doc type fixed the problem!
Thanks a ton!