8

This one's a bit weird. Any time I view a question through a direct link to one of its comments (Whether through an inbox notification, an outside link, or just clicking the time on a comment on a page I'm already on), the page loads up with the title whole content area (answers, vote buttons, sidebar and all) aligned weirdly. Once I reload the page through any other link (and thus get rid of the #comment bit), it looks good again.

Image of a misaligned title

System Info: Win7, IE11, no toolbars, no add-ons, no userscripts, etc.

Improve this question
8
  • Can you post an example comment link where this can be reproduced?
    – Amal Murali
    Commented Apr 17, 2014 at 3:23
  • meta.stackexchange.com/questions/229773/… is the link to your comment. Or meta.stackexchange.com/questions/229773/… which is the link to this one. Just tested both, both caused it.
    – Billy Mailman
    Commented Apr 17, 2014 at 3:24
  • Can't seem to reproduce on my end (Ubuntu, Google Chrome 32.0.1700.102). Did you test it with other browsers, @Billy?
    – Amal Murali
    Commented Apr 17, 2014 at 3:27
  • Nah. I'm on my laptop while on vacation, and it's rarely used. Hence the OS's default browser with fully stock settings; there's not much else installed on this thing.
    – Billy Mailman
    Commented Apr 17, 2014 at 3:28
  • It's because scrollIntoView is called on the highlighted comment. For some reason that causes IE11 to horizontally scroll the element ancestor in addition to just vertically scrolling the page.
    – Tim Stone
    Commented Apr 17, 2014 at 3:38
  • Ah, I'm seeing this too (Win8.1 IE11). Was just about to post this. It only happens on MSE.
    – Troyen
    Commented Apr 18, 2014 at 18:32
  • I think this has been finally fixed.
    – Troyen
    Commented Jun 26, 2014 at 17:51
  • @Troyen Just followed the link to that comment, and yeah, seems to be fine. I'll flag for a status-completed.
    – Billy Mailman
    Commented Jun 26, 2014 at 19:23

2 Answers 2

Reset to default
2

This should be working correctly now. Tested it here with Win 8.1 / IE 11 barebones. Note that I did not fix it myself; just tagged it.

Improve this answer
5
  • You are the new mod?
    – nicael
    Commented Jun 26, 2014 at 22:05
  • @nicael I am a new developer on the Core team.
    – Haney StaffMod
    Commented Jun 26, 2014 at 22:13
  • Since when? Today? Simply interesting ))
    – nicael
    Commented Jun 26, 2014 at 22:13
  • @nicael since Monday.
    – Haney StaffMod
    Commented Jun 26, 2014 at 22:18
  • 1
    Ok. "You can follows" - remove the last "s" (in your about me). And you work in the team, not on the team, right? Otherwise it means that you are a servant.
    – nicael
    Commented Jun 26, 2014 at 22:19
7

It's because #question-header is defined to be too wide:

.question-page #question-header {
    width: 980px;
    padding: 20px;
}

…where 980 + 20 + 20 equals a width of 1020 pixels inside of #content, which is only 980 pixels wide. This doesn't cause layout problems in the general case because #content has overflow: hidden, but when scrollIntoView is called on the comment (as is the case when highlighting it when you visit via one of those links) IE apparently decides that extra width should influence how it focuses on the selected content and shifts everything to the left. Without the hidden overflow you end up with a horizontal scrollbar instead.

In cases where the title of the question is particularly long, the oversized header can also result in clipping of the title text depending on where the text wraps (at least in Chrome):

clipped title text

Assuming the width can't just be dropped, assigning the padding to .question-page #question-header h1 instead would fix things.

Improve this answer
2
  • Is there a fix on its way or are there more pressing bugs?
    – rene Mod
    Commented Apr 22, 2014 at 10:19
  • You'd have to ask a dev. :P But since it's a fairly trivial fix I hope someone will address it sometime soon.
    – Tim Stone
    Commented Apr 22, 2014 at 14:55

You must log in to answer this question.

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