Timeline for Bug on Safari: list starting with a code block fails to display the bullet point
Current License: CC BY-SA 4.0
14 events
when toggle format | what | by | license | comment | |
---|---|---|---|---|---|
Aug 24, 2022 at 0:39 | comment | added | Anon Coward |
A minimal HTML repo: <ul><li><pre style="overflow:hidden;">code . Something about the overflow causes the bullet to disappear on Safari. No clue why.
|
|
Aug 23, 2022 at 18:44 | comment | added | Makyen Mod |
@VLAZ The issue in Firefox is definitely an actual bug in Firefox, rather than a choice in rendering where it's unspecified. IIRC, it's that Firefox mis-applies N times the padding-top as a shift down for the marker for <li> elements, but only when another specific CSS property is also applied. I looked into it the last time it was reported, not all that long ago, and left a comment describing what was happening in more detail. Unfortunately, I'm not quickly finding that comment.
|
|
Aug 23, 2022 at 18:22 | comment | added | VLAZ | @Makyen Yes, it's a browser issue. Or, likely, this specific interaction of HTML is probably not standardised as we see three different behaviours in three different browsers. SE can probably patch it up to get a more consistent look but I'm not really sure they need to. | |
Aug 23, 2022 at 17:36 | comment | added | Makyen Mod | I'd need to do more investigation specifically on Safari to figure out what the bug really is, and to confirm that it's definitely in Safari, but this has the feel of being a browser bug, rather than a bug with SE doing something that needs to have browser-specific adaptations. OTOH, that doesn't mean it's not something which SE should account for and work-around in Safari. | |
Aug 23, 2022 at 17:33 | comment | added | Makyen Mod | Given that the HTML and CSS are identical for all browsers, it seems like this is a bug you should report to Apple/Safari, rather than here. Yes, SE could, probably, do a work-around, but they really shouldn't have to. This is very similar to the images posted by @VLAZ above of the difference in Firefox 103 and Chrome 104. The issue which Firefox 103 shows for these, which can be quite a bit worse under other conditions, was reported here, but it wasn't a bug in SE's HTML/CSS. It's a bug in Firefox, which only Mozilla can fix. This appears likely to be similar, but a bug in Safari. | |
Aug 23, 2022 at 15:23 | history | edited | zcoop98 | CC BY-SA 4.0 |
Make the Safari image inline for clarity, adjust wording surrounding it to make the context make sense; convert indented code blocks to fenced to avoid formatting errors
|
Aug 23, 2022 at 14:23 | comment | added | Laurel | Looks like the same as Bullet is suppressed (on certain browsers) when list item contains code inside of a blockquote. It was also reported more recently but with numbered lists. | |
Aug 23, 2022 at 14:15 | history | edited | β.εηοιτ.βε | CC BY-SA 4.0 |
added 52 characters in body
|
Aug 23, 2022 at 14:06 | history | edited | β.εηοιτ.βε | CC BY-SA 4.0 |
added 47 characters in body; edited tags; edited title; edited tags
|
Aug 23, 2022 at 14:05 | comment | added | VLAZ | On Firefox 103 on Windows 10: i.sstatic.net/yokT0.png The dot is there but it's at the bottom of the block. Looks a bit broken. In Chrome 104 it's in the middle of the block: i.sstatic.net/d3BJI.png | |
Aug 23, 2022 at 14:05 | comment | added | β.εηοιτ.βε | Let me add the browser information then, should be a bug on Safari | |
Aug 23, 2022 at 14:04 | comment | added | Thom A | No repro on Firefox 103.0.2 (which is old... why haven't I updated..?)... Not repro'd on 104.0 either. | |
Aug 23, 2022 at 14:03 | comment | added | Cerbrus | No-repro on Chrome. After "It renders as", I see a bullet point in front of the code block. | |
Aug 23, 2022 at 14:02 | history | asked | β.εηοιτ.βε | CC BY-SA 4.0 |