The letter spacing and/or kerning of fonts seems to be different between the rendered canvas and the way the browser renders them while editing (tested on Firefox and Vivalid; Fedora 43 and Ubuntu 24.04). This causes layouting issues in documents, last letters in labels to slide into the next line, and other issues as shown in this screen recording:
Severity depends on the font, so a workaround for many cases is to use Arial or IBM Plex Sans (closest match) rather than Noto Sans (largest discrepancies). The overhang can be worked around by adding a space at the end. That space, however, gets deleted on the next edit operation, so this is tedious. And documents don’t seem to allow changing the font.
Â
Exact behavior varies with the browser and display. Different DPI scaling factors (in the OS) also affect the offset (here with Noto Sans, Vivaldi, Fedora 43):
On the display with 1.25x DPI scaling, setting “letter-spacing: 0.25px” (CSS via browser debug tools) yields a perfect match -- could be coincidence, could be a hint to the root issue…
Â
This is potentially related to other text-related issues reported here, likeÂ
The width of a text field seems to be set based on the width of the preview while editing. That’d explain render differences when viewed on different platforms.
