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)

14
  • No repro using Chrome 59.0.3071.115 64-bit
    – user4639281
    Commented Jul 13, 2017 at 0:21
  • Works fine in FF 54.0.1 (64-bit) and Chromium 58.0.3029.110 (64-bit)
    – Tom
    Commented Jul 13, 2017 at 0:22
  • sorry guys question updated, found the issue
    – dippas
    Commented Jul 13, 2017 at 1:04
  • Can you please include a link to the post you're seeing this on?
    – Rob Mod
    Commented Jul 13, 2017 at 1:17
  • 2
    @Rob any question/answer with stacksnippet, but this one for instances
    – dippas
    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.)
    – BSMP
    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.
    – user4639281
    Commented Jul 13, 2017 at 3:59
  • 2
    This was reproducing for me, but no longer
    – Rob Mod
    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.
    – Teemu
    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.
    – I haz kode
    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.
    – dippas
    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)
    – Alon Eitan
    Commented Jul 13, 2017 at 9:47
  • 2
    Looking at a fix ASAP, since this is indeed, on SO's side.
    – Horia Coman Staff
    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!

3
  • 2
    Now if questions on the site would have the same level of detail...
    – Braiam
    Commented Jul 13, 2017 at 12:32
  • Thanks for the fix! Already tested it. can you add the tag status-completed ?
    – dippas
    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.
    – dippas
    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.

2
  • Just clarifying a bit more, it's a SO jobs ad problem, unrelated to adblock.
    – Cerbrus
    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.
    – dippas
    Commented Jul 13, 2017 at 10:04

You must log in to answer this question.

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