Skip to content

Quick filter font doesn't match in Chrome #1472

@mofojed

Description

@mofojed

Description

The font in the text input field when editing a quick filter does not match the font/text drawn on the canvas, and it looks like the input shifts. This seems to only be reproducible on Chrome; Firefox looks correct (see attachments).

Steps to reproduce

  1. On a table, open the Quick Filter and enter the number '37'
  2. Click off the quick filter, and then click into the quick filter

Expected results
2. Text should line up exactly whether the field is in focus or not.

Actual results
2. Text shifts and the spacing is different. See videos:

Additional details and attachments
On Chrome you can see the text shift quite a bit, the spacing is different:
font-issue-chrome

On Firefox you can see the font is the same (though it does look like it shifts up/down about a half pixel):
font-issue-firefox

Versions
Engine Version: 0.28.0
Web UI Version: 0.46.0
Java Version: 11.0.15
Barrage Version: 0.6.0
Chrome Version: 114.0.5735.198 (arm64)
Firefox Version: 116.0.3

Note: This is also preventing Playwright from being updated to 1.37.1, as this issue is present there.

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Type

No type

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions