22

(See the Update further down).

I just noticed this comment now, that contains a big space between the left edge and the start of the comment.

Is this a bug and related to it being upvoted?

As compared to this comment in another question that does not have that additional space.

Here are two screenshots:

With space:

enter image description here

Without space and not upvoted (least, not at the time of my posting this):

Sidenote: that comment was edited. The screenshot for this was taken when it was not edited.

enter image description here

This is happening for me on Firefox 56.0.2 (Edit: and on Opera) - it wasn't like that before.

Edit:

I reloaded that first comment and now it appears to have come back to its normal state; here's a new screenshot:

enter image description here


So... what happened during that time; goblins?

Edit #2:

It did it again..., screenshot and this doesn't matter if a comment was upvoted/flagged, since I posted a quick test comment under it.

Screenshot:

enter image description here

Update:

The comments in this question My sessions aren't working correctly still have a large gap after revisiting it and that is odd in itself.

Screenshot:

enter image description here

While comments in this one What does FALSE : TRUE do? don't have that gap.

enter image description here

Stranger is that when I click on the "add a comment", the comments no longer have a gap and move over to the left and this has been confirmed by another member here on Stack, telling me he also saw that same (odd) behaviour.

enter image description here

16
  • 2
    No repro with Firefox 56.0.2 (64-bit) on Windows 10.
    – user247702
    Commented Nov 13, 2017 at 15:46
  • @Stijn Hm... that's odd. Commented Nov 13, 2017 at 15:47
  • 1
    I'm curious, where are the upvote and flag icons placed when you hover the comment?
    – user247702
    Commented Nov 13, 2017 at 15:47
  • @Stijn They're placed one on top of each other and to the left of the comment. First the arrow to upvote, then the flag under it. Commented Nov 13, 2017 at 15:48
  • 2
    I reproduced it in Chrome, Firefox and Internet Explorer on Windows 10. Commented Nov 13, 2017 at 15:55
  • 3
    Did you flag it? meta.stackoverflow.com/questions/290608/…
    – CodeCaster
    Commented Nov 13, 2017 at 16:21
  • @CodeCaster I didn't flag it, maybe someone else did. Commented Nov 13, 2017 at 17:31
  • 1
    On Meta Stack Exchange: meta.stackexchange.com/questions/303246
    – Pang
    Commented Nov 15, 2017 at 9:35
  • 1
    I felt absolutely mental while scrolling down this post and thinking "this is the end of it! No, this is the end! No, this..."
    – ㅤㅤㅤ
    Commented Nov 17, 2017 at 15:52
  • @the4kman lol! - Yeah, I have to admit that I "too" got caught in that. Let me see what I can do to fix this. I'll reping when I have. Thanks for your input on this. Commented Nov 17, 2017 at 15:53
  • 1
    @the4kman I edited, it's the best I can do for now. The screenshots are important and show the different behaviours. Commented Nov 17, 2017 at 15:58
  • 4
    Me too (Chrome on Mac). I've been seeing it on other sites: this one with multiple comments (IPS meta), this one until somebody added a comment (one of the educator sites), and this one on a site with a theme (ELU).
    – Laurel
    Commented Nov 17, 2017 at 16:10
  • 1
    @Laurel It's rather odd that the comments under a question doesn't have the extra gap, while comments under an answer does. And this seems to be alternating. I don't know if and when they'll do anything about it. Thanks for the info. Commented Nov 17, 2017 at 16:12
  • I posted a dupe question just now, didn't find this one while searching. Linking here because it's still happening and I've got some extra info there (and animated gifs!)
    – DavidG
    Commented Nov 20, 2017 at 14:32
  • @Fred-ii- in the example link under the update section, I see the gap in all comments in the page; both question and answer.
    – Gimby
    Commented Nov 20, 2017 at 16:07

2 Answers 2

13

Fixed in the next build.

I recently removed an innocent little line from the site's CSS, because I couldn't figure out what its purpose was. Now we know, I guess. (In its defense, the code line had a comment saying something like "this needs to be here". In my defense, that line was 8 years old and not very specific on the "why").

The difference between your comment sections with and without extra space is whether or not there is at least one comment that wraps to multiple lines. If there isn't, then the table layout algorithm will allocate extra space to the left column (where the upvote controls etc. reside), because the right column (where the text is) doesn't need the space.

This whole thing by the way is a good example of how table layouts are an endless pain (I'm actually working on ripping those out at the moment; you can follow my commit messages for this project in this twitter thread).

8
  • 1
    Ah, sweet! So, that 8 year old phantom has finally met its maker ;-) Cheers Commented Nov 20, 2017 at 19:26
  • @Fred-ii- Well, for now I've brought it back from the dead to fix this bug, but only until I completely tear this whole haunted house down.
    – balpha StaffMod
    Commented Nov 20, 2017 at 19:28
  • Gotta love a good mystery though. It keeps us all on our toes ;-) Commented Nov 20, 2017 at 19:29
  • @balpha thanks for the update! Going with flex or grid layout as a replacement?
    – TylerH
    Commented Nov 20, 2017 at 20:47
  • 1
    @TylerH Grid with a couple of fallbacks -- it needs a feature that's currently only available in Firefox (and Chrome behind a flag). But once it's in all browsers, we can rip the fallbacks out and end up with a nice clean grid layout :)
    – balpha StaffMod
    Commented Nov 20, 2017 at 20:49
  • 1
    Ahhh... so you're the dev we should put next to a big red button with "Do Not Press Because Stuff Will Happen!" on it and see how long it takes you then? :p
    – Jon Clements Mod
    Commented Nov 20, 2017 at 21:11
  • 1
    Reminds me of this immortal scene from Friends: youtube.com/watch?v=9WYGdstEVJQ :D Commented Nov 20, 2017 at 22:35
  • you read that comment the other way 'round I'm afraid. Apparently it meant to say that the rest of CSS should be removed and only this line "needs to be here". I recommend you to give it a try
    – gnat
    Commented Nov 21, 2017 at 8:20
2

This happens even without an upvote on the comment. I've only seen it happen so far on comments that exist as the only comment under the post.

Inspecting the comment's CSS vs other comments on the same page that didn't show the extra space didn't yield any obvious differences. Refreshing does not change it.

I'm on Firefox 56.0.2 on Windows 7.

Extra Space

Question link with the comment shown above - Flexbox wont expand

3
  • This is something that's happening occasionally, in blurts. I distinctively remember not seeing that extra space; I remember stuff like that ;-) It seems to be an ongoing phantom bug that's never been caught (yet). Commented Nov 13, 2017 at 19:47
  • New/recent comment with that space and I've a screenshot if you want it. I'm questioning the minus votes on my question also. Commented Nov 13, 2017 at 20:07
  • See my Update. Commented Nov 14, 2017 at 19:47

You must log in to answer this question.

Not the answer you're looking for? Browse other questions tagged .