Last input character is still visible even when deleted when using a custom font

[archiloque]

I'm a beginner with pixijs and pixijs ui, sorry if I made a beginner mistake and thanks for your work.

Expected Behavior

When deleting the last character of an input field that use a custom font, the character is erased from the input so no character is visible.

Current Behavior

When deleting the last character of an input field that use a custom font, the character is not erased from the input and is still visible even if it has been deleted (if you move out of the input field, the last character is replaced by the placeholder).

Steps to Reproduce

• Input content in the input
• Delete all the characters

When not using a custom font the behavior is the expected one.

Environment

• version: 2.0.0 for ui, 8.1.0 for pixi.js
• Browser & Version: Firefox 124.0.2, Chrome 123.0.6312.123, Safari 17.3.1
• OS & Version: Mac OS 13.6.4
• Code example: https://github.com/archiloque/tactical-fulcrum , the input code is at https://github.com/archiloque/tactical-fulcrum/blob/main/src/editor/enemies_tab.ts#L90 , the code can be run locally with npm run dev

[CatchABus]

You should retry using latest pixi.js version. v8.5.x had a few improvements on measureText that helped solve similar problems.