14
\$\begingroup\$

freehand circles ftw

As you see on the picture, flag summary layout is broken. The right column should be on the right, instead of below the left column.

This doesn't happen on the other SE sites.

Tested on latest Chrome and Firefox.

As Vogel612 pointed out, this is caused because .subheader doesn't correctly clear the floats. Adding the following CSS code fixes the problem:

.subheader::after {
  display: block;
  clear: both;
  content: "";
}
\$\endgroup\$
  • 1
    \$\begingroup\$ I don't have the bar and it's on the left for all sites for me. \$\endgroup\$ – Mast May 6 '16 at 21:18
  • \$\begingroup\$ @Mast The bar is from a userscript, but it's not caused by it, because I checked it also on Firefox, where I don't have any userscripts. \$\endgroup\$ – Michał Perłakowski May 6 '16 at 21:24
  • 2
    \$\begingroup\$ The root cause for this seems to be that .subheader does not correctly clear the floats before .mainbar is getting into the page, which leads to .sidebar getting broken to after the mainbar. One way of fixing is to insert a <br/> after .subheader, forcing the left-float to the left border of #content \$\endgroup\$ – Vogel612 May 6 '16 at 21:26
  • \$\begingroup\$ I was able to reproduce with Firefox and Edge as well. Looks like a CSS issue probably. Anyone else wanting to try to reproduce, just go to your profile and under the "IMPACT" table click "N helpful flags" \$\endgroup\$ – Phrancis May 6 '16 at 21:31
  • \$\begingroup\$ Reproduced in Firefox, Chrome, Opera, IE, and Edge (Win10) and Firefox (Linux) \$\endgroup\$ – Peilonrayz May 6 '16 at 21:44
  • \$\begingroup\$ thanks for reporting, i'll take a look at this! \$\endgroup\$ – Paweł May 9 '16 at 5:59
  • \$\begingroup\$ Related: meta.codereview.stackexchange.com/questions/6220/… \$\endgroup\$ – rolfl May 9 '16 at 10:49
  • \$\begingroup\$ Still seeing this bug. Anybody got a line to an SE developer? \$\endgroup\$ – Brock Adams Oct 9 '16 at 2:30
  • \$\begingroup\$ @Paweł Napraw to pls. \$\endgroup\$ – Michał Perłakowski Oct 9 '16 at 12:10
  • \$\begingroup\$ @janos Please remove the status-reproduced tag, this likely affects how issues are tracked on the Stack Exchange side. \$\endgroup\$ – hichris123 Oct 14 '16 at 17:14
  • \$\begingroup\$ @Paweł any news on this? \$\endgroup\$ – janos Oct 14 '16 at 18:02
  • \$\begingroup\$ I'll try to find some time at beginning of next week to fix it. Sory for delay guys! \$\endgroup\$ – Paweł Oct 14 '16 at 18:41
  • \$\begingroup\$ @Paweł I am having the same issue, I checked in Opera and Firefox. I don't know if it is any help but in dev tools, disabling the height: auto; property in #content>.subheader fixes the issue. \$\endgroup\$ – Tasos K. Mar 13 '17 at 9:18
  • \$\begingroup\$ Is this fixed yet? If so, can somebody mark it as status-completed? @Paweł \$\endgroup\$ – Mast Apr 24 '18 at 14:28

You must log in to answer this question.

Browse other questions tagged .