Bug 1896284 Comment 8 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

Here's a cropped version of your screenshot, showing just the first "C" character, in Edge vs. Firefox.

Things that I notice:
- The distance from the "C" to the bottom-border is the same (though the border is antialiased in Edge, so  visually it looks slightly further).
- The distance from the "C" to the top border is **3px more** in Firefox for some reason.
- which means the area inside the (painted) bounds of the borders is 3px taller in Firefox, for some reason.
- and this probably isn't just a pixel-rounding off-by-1px sort of issue.

Also notable is that the outline seems to be clipped on the bottom in Firefox but not in Chrome.  This seems to be because the default focus-outline appears to draw *inwards* from the border-edge in Chrome, vs. draw outside the border in Firefox.  That's just due to the way that Chrome implements `outline-style:auto` (which is [essentially unspecified](https://drafts.csswg.org/css-ui-4/#propdef-outline-style)).  If I change to `outline-style:solid`, then Chrome clips at the bottom just like we do.
Here's a cropped version of your screenshot, showing just the first "C" character, in Edge vs. Firefox, with the "C" characters aligned precisely side-by-side.

Things that I notice:
- The distance from the "C" to the bottom-border is the same (though the border is antialiased in Edge, so  visually it looks slightly further).
- The distance from the "C" to the top border is **3px more** in Firefox for some reason.
- which means the area inside the (painted) bounds of the borders is 3px taller in Firefox, for some reason.
- and this probably isn't just a pixel-rounding off-by-1px sort of issue.

Also notable is that the outline seems to be clipped on the bottom in Firefox but not in Chrome.  This seems to be because the default focus-outline appears to draw *inwards* from the border-edge in Chrome, vs. draw outside the border in Firefox.  That's just due to the way that Chrome implements `outline-style:auto` (which is [essentially unspecified](https://drafts.csswg.org/css-ui-4/#propdef-outline-style)).  If I change to `outline-style:solid`, then Chrome clips at the bottom just like we do.

Back to Bug 1896284 Comment 8