Column width of the inline table in ApplyStringOrNumericBinaryOperator is slightly too narrow

[nicolo-ribaudo]

This is happening at all zoom levels, at least in Firefox: that first column is slightly too narrow so the t of opText wraps on a separate line.

[bakkot]

Probably a dupe of https://github.com/tc39/ecmarkup/issues/634? We don't have any column width set as far as I know.

Playing around with devtools, looks like it goes away if we remove the margin: 0 -4px on <var> elements, which is there so that the highlight color extends a little past the word (cc @michaelficarra).

[michaelficarra]

which is there so that the highlight color extends a little past the word

Technically that's what the 4px padding is for. The -4px margin is to account for that padding so it doesn't cause all vars to have 4px of additional inter-word spacing. Happy to do it another way if a CSS expert can help out.

[bakkot]

We could just disable that bit for <var>s which are direct children of a <td>, I guess? Not ideal but solves the immediate problem.

[michaelficarra]

Yeah that'd probably be fine, though the one in the OP is probably a <th>, so we'd also have to get those.

[nicolo-ribaudo]

Setting word-wrap: normal on that element also seems to fix it.

[michaelficarra]

Do you mean word-break: normal? Also, how is it not normal? That's supposed to be the default value if unset, and it doesn't look like we're setting it.

[bakkot]

word-wrap is an alias for overflow-wrap. We are setting word-wrap.