16

I've just noticed, in the last couple minutes, the Stack Snippet buttons are 100% wide, as you can see the in Screenshots below:

Screenshot #1

SS

Screenshot #2

SS2

I found the class culprit for the issue, which is btn-secondary, that is being used in this cp.min.css. The only property being used is width:100%.

SS3

To me (but not for others as mentioned in comments below):

  • After a few tests, looks like the cp.min.css only loads when AdblockPlus is enabled, therefore causing the issue, else it won't load the file.

Can this be fixed?

Tested in: Firefox 54.0.1 (32-bit and 64-bit) and Chrome 59.0.3071.115 (Official Build) (64-bit)

asked Jul 13, 2017 at 0:12
14
  • No repro using Chrome 59.0.3071.115 64-bit Commented Jul 13, 2017 at 0:21
  • Works fine in FF 54.0.1 (64-bit) and Chromium 58.0.3029.110 (64-bit) Commented Jul 13, 2017 at 0:22
  • sorry guys question updated, found the issue Commented Jul 13, 2017 at 1:04
  • Can you please include a link to the post you're seeing this on? Commented Jul 13, 2017 at 1:17
  • 2
    @Rob any question/answer with stacksnippet, but this one for instances Commented Jul 13, 2017 at 1:20
  • 1
    Reproduced in 58.0.3029.110 (64-bit) on a Mac. (At first I thought it was fine but realized I have ABP disabled on Stack Overflow.) Commented Jul 13, 2017 at 2:23
  • 2
    This seems more like an adblock plus problem than a Stack Overflow problem to me. Adguard does not have this issue. Commented Jul 13, 2017 at 3:59
  • 2
    This was reproducing for me, but no longer Commented Jul 13, 2017 at 4:07
  • This seems to occur occasionally (FF54.0.1). I've no ABP installed, and some pages show Copy Snippet button incorrectly, some don't. Also Cancel button of question editing is 100% wide, but not on all pages. Commented Jul 13, 2017 at 5:39
  • 1
    Chrome 59 no Ad-block. Same issue as OP. Doesn't not occur every time, but very often. Commented Jul 13, 2017 at 7:50
  • Yea, I got this from today morning... This is crazy. It is inconsistently happening for me. Not sure when it is getting longer and shorter. Disabled and enabled ABP but no use. Commented Jul 13, 2017 at 7:51
  • @AlonEitan As others mentioned, not happening only when using ABP, to me from my tests happened like that. Commented Jul 13, 2017 at 9:44
  • @dippas Ah, in that case and after your last edit my comment is now obsolete. Deleted. But it works fine on Windows 10, Chrome Version 59.0.3071.115 (Official Build) (64-bit) Commented Jul 13, 2017 at 9:47
  • 2
    Looking at a fix ASAP, since this is indeed, on SO's side. Commented Jul 13, 2017 at 10:52

2 Answers 2

6

Alright, this should be fixed. I can't reproduce it anymore, even though I managed to make a setup where it appeared 100% of the time.

Thank you very much for the extremely well made bug report!

answered Jul 13, 2017 at 12:12
3
  • 2
    Now if questions on the site would have the same level of detail... Commented Jul 13, 2017 at 12:32
  • Thanks for the fix! Already tested it. can you add the tag status-completed ? Commented Jul 13, 2017 at 13:39
  • @Braiam appreciated your words, I always try to make detailed bug reports, and yes I would like to see the same level of detail on the site. Commented Jul 13, 2017 at 13:40
6

There's a css rule in this stylesheet that's causing the width to be set to 100%:

https://cdn.sstatic.net/clc/styles/clc/cp.min.css?v=31fcdbbcd406

The specific rule:

.btn-clear, .btn-outlined, .btn-secondary {
 position:relative;
 padding:8px;
 min-height:unset;
 width:100%; /* <-- Here's the culprit */
 border-radius:2px;
 border-width:1px;
 border-style:solid;
 font-weight:400;
 font-family:inherit;
 line-height:1.4;
 text-decoration:none;
 cursor:pointer;
 outline:0;
 touch-action:manipulation;
 transition:all .3s cubic-bezier(.165,.84,.44,1)
}

This stylesheet is only loaded when the .clc-cp-container element is rendered, which contains a specific job offer.
This element gets added to the page randomly, regardless of the presence of adblock.

In other words, this is an SO / SE bug, and has nothing to do with any adblocker plugin.

answered Jul 13, 2017 at 9:56
2
  • Just clarifying a bit more, it's a SO jobs ad problem, unrelated to adblock. Commented Jul 13, 2017 at 10:01
  • I was aware the culprit, as you can see in my question, but oddly to me would work if I disabled the ADP, and I did that a few times, that's I thought was an ABP issue. Now I noticed the issue is related to SO Jobs. Thanks. This needs to be fixed. It really looked like an adblock issue, but hey you are totally right, I've tested it. Commented Jul 13, 2017 at 10:04

You must log in to answer this question.

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.