wordplaydev / wordplay

An accessible, language-inclusive programming language and IDE for creating interactive typography on the web.
Other
63 stars 44 forks source link

Noto Color Emoji in Chrome flicker and clip #280

Closed amyjko closed 11 months ago

amyjko commented 1 year ago

Expected behavior

Emoij should render at all sizes correctly.

Actual behavior

When phrases rendered in Noto Color Emoji are scaled between a certain range, they flicker and get clipped.

Try this program:

Floating Foods
===
food: "🥮🍵🧋🥟🍛🍜🍱🍘🍢" ÷ ""

latest•['']: 
    food … ∆ Time(1000ms) … 
    latest.replace(Random(1 6) food.random())

Group(
    Grid(3 3m 1m 1m) 
    latest.translate(
        ƒ (dish•"" index•#)
            Phrase(
                dish 
                name: "\dish\-\index\"
                entering: Pose(opacity: 0 scale: 2)
                resting: Sequence(sway(360°) duration:4s)
                duration: 1s
            )
    )
)

Zoom in and out on Chrome 119 and the foods appear, disappear, and flicker.

This issue appears to be limited to Chrome and it didn't appear to happen on Chrome 118.

Screenshots

image

Environment

Desktop

amyjko commented 1 year ago

May be related to this still open Chromium issue:

https://bugs.chromium.org/p/chromium/issues/detail?id=1153296

amyjko commented 1 year ago

Filed this bug on Chromium:

https://bugs.chromium.org/p/chromium/issues/detail?id=1501601

amyjko commented 11 months ago

According to Chromium, this should be resolved in Chrome 120, which isn't released yet.

amyjko commented 11 months ago

This is now resolved in Chrome 120.