Measuring HtmlContext text with spaces is broken

[hellochar]

var context = new HtmlContext(...);
var measurer = new CacheMeasurer(context);

measurer.measure("t"); // returns { width: 10, height: 17 }
measurer.measure(" "); // returns { width: -37, height: 35 }

This negative value then feeds up the chain for generic line/text measuring

The space measuring breaks because of the "useGuards" logic

[hellochar]

I found the issue - in

typesettable/src/contexts/html.ts

Line 91 in 6b4a333

const textElement = HtmlUtils.append(this.element, "span", "text-tmp", this.className);

we append a <span> with the text and measure the span. To measure the width of a single space character we append "bdpql" on either side. In my case the span was line-wrapping to put the bdpql's on separate new lines, and using the space as a line break. This never happened in svg since svg text never linewraps

In general, this strategy for measuring doesn't feel right, we're working against browser's html layout engine