Border-bottom of inline code is (sometimes) not displayed when it's in the last line of a paragraph

After I wrote this answer, I could notice that, when there's inline code in the last line of a paragraph, sometimes the border-bottom of the inline code text is not displayed.

One case is when the paragraph is followed by either a horizontal line or a code block:

Note that the border-bottom is missing for all the inline code text, when it's in the last line of a paragraph and immediately followed by a horizontal line or a code block (in this case, it's a, b c-d e/f, IFS and read).

Also note from the screenshot above that between 2 paragraphs, this problem didn't happen, and the border-bottom is displayed correctly (in the image, that's b c and d e).

But in this question, this situation also happened as well (the problem occurred between 2 paragraphs):

And, to make things more confusing, in another part of the linked answer, it happened the opposite (between 2 paragraphs, not OK, but before code block, OK):

But at least it's OK when the inline code text is not in the paragraph's last line.

Last but not least, the problem doesn't happen in the preview, when I'm editing the post.

This problem doesn't occur in all browsers/SO's. Please find below the tests I've made:

Windows 10 Home 64 bits

Iphone 8 / iOS 14.4

PS: if I rotate the phone to landscape orientation, the borders are displayed correctly.

MacOS Catalina 10.15.7

posted almost 4 years ago

CC BY-SA 4.0

3y ago by Monica Cellio‭

hkotsubo‭

5110 reputation 20 69 575 228