[`SPANS`] `underlineOffset` is incompatible with the `box-sizing: border-box`

[oleksandr-danylchenko]

Issue

The offset between the highlight and the underline is achieved using the paddingBottom of the span:

text-annotator-js/packages/text-annotator/src/highlight/span/spansRenderer.ts

Lines 89 to 90 in 36958ad

	if (style.underlineOffset)
	span.style.paddingBottom = `${style.underlineOffset}px`;

However, that span also has the height priorly assigned:

text-annotator-js/packages/text-annotator/src/highlight/span/spansRenderer.ts

Line 72 in 36958ad

span.style.height = `${rect.height}px`;

Therefore, when the popular box-sizing: border-box style is used, the paddingBottom applied after height becomes ineffective!

box-sizing: content-box	box-sizing: border-box

[rsimon]

I think this one should be good to close. I merged the associated pull request.