[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