throw error mismatched image size , when text-field is chinese

[laofan1ku]

maplibre-gl-js version:2.0.0-pre.6

browser:chrome

Steps to Trigger Behavior

1. when symbol layer > layout> text-field is chinese
2. throw error "mismatched image size"

maplibre-gl-unminified.txt
testhtml.txt

[laofan1ku]

plese Change the suffix with .js and .html

[smellman]

I get same error with Japanese text-field.

https://codepen.io/smellman/pen/dyVwjYm

[smellman]

It raise from here.
https://github.com/maplibre/maplibre-gl-js/blob/main/src/util/image.ts#L24

We provides English style and Japanese style.
English style: https://tile.openstreetmap.jp/styles/maptiler-basic-en/style.json
Japanese style: https://tile.openstreetmap.jp/styles/maptiler-basic-ja/style.json
English style run well but Japanese style can't run in v2 release.

[smellman]

I fixed it with localIdeographFontFamily: null to disable local font.

[smellman]

maybe fix this issue by PR 775

[Nikkolast88]

me too !

[laofan1ku]

我也是！
The above method can solve this problem

[HarelM]

The above linked PR should solve this I assume, but we need someone to create a test to make sure this is actually solving the issue and making sure it won't break in the future.
Can any of you write a test? even here in this thread and I'll copy it to the relevant place in the tests.
Here are some instruction we wrote to help with writing tests:
https://github.com/maplibre/maplibre-gl-js/tree/main/test#writing-unit-tests

[HarelM]

I've updated the tests to use tinySDF so I think the tests part is covered.
But when I surf to https://codepen.io/smellman/pen/dyVwjYm I don't see any console warning or errors.
What am I missing?

[HarelM]

See #917

[HarelM]

Closed by #917 I believe.