Here’s an example:
This is what I see at the bottom of the page in Firefox (things render fine in Chrome / Safari):
When I look at the sizes of the divs in Firefox, the cell outputs are 127.5px high, but Observable expects them to be 128px (I’m reading this from the
padding-top attribute of the div containing the corresponding source editor). In Chrome, the cell heights are 127px and Observable is making the
padding-top of the source editor cells 127px so everything looks fine.
If I manually set the height of the outermost div to an integer then everything is aligned, but then I’d have to calculate the height of these divs, right? Is there an easier solution?
The problem also goes away if I set the
header text to an empty string (more generally, if I have an even number of lines in the header), but I’d rather not have to fiddle with things that way.
(There’s an older thread with a similar issue, but the cause there was apparently some custom user styles.)