1232424 - Unusable scroll bars in Google Group posts

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect)

Description

[WaltS48 [:walts48]]

Attachment: CeryceH.jpg

User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:43.0) Gecko/20100101 Firefox/43.0
Build ID: 20151208100201

Steps to reproduce:

Investigated a news.mozilla.org post in mozilla.support.firefox on Google Groups.

https://groups.google.com/d/msg/mozilla.support.firefox/Z8c1AtF4TxI/Ec1gnwm-BwAJ

Tested Firefox 42.0 with a test profile, and Firefox 43.0rc1 in safe mode, and with a test profile.


Actual results:

The post content does have unusable scroll bars.


Expected results:

No scroll bars should appear in the post content.

Comment 1

[YF (Yang)]

Same results with Firefox 28. This could be a Google Groups compatibility problem for Gecko.

Comment 2

[WaltS48 [:walts48]]

A respondent to the support post replied with;

Firefox always causes scrollbars to appear on any element with
"overflow:scroll", even when there's no content overflowing the
element.  But I can't find what's causing Firefox to think
"overflow:scroll" should be applied to the message DIVs at Google
Groups.  The DOM Inspector confirms that that's what Firefox is doing,
but in this case it's no help in figuring out why.

Using Stylish <https://addons.mozilla.org/firefox/addon/stylish/>, this
will get rid of the useless scrollbars for now:

@namespace url(http://www.w3.org/1999/xhtml);
@-moz-document domain("groups.google.com") {
  #tm-tl > DIV > DIV > DIV > DIV > DIV:nth-child(3) > DIV:nth-child(4) > DIV > DIV  {
    overflow : auto ! important 
  }
}

and in a followup the original poster of the question indicated that workaround worked for them.

Comment 3

[Karl Dubost💡 :karlcow]

Attachment: google-group-scrollbar.png

Is it happening on all Groups? or just on this specific page. 

I'm asking because currently in my configuration I can't reproduce the issue. Firefox Nightly 46.0a1 (2015-12-16) macosx and tested in Firefox 42.0


For example testing on 
https://groups.google.com/forum/#!msg/mozilla.support.firefox/Z8c1AtF4TxI/Ec1gnwm-BwAJ


``` html
<div style="overflow: scroll"><div style="max-height: 10000px;"><div dir="ltr">hello,
<br>
<br>i am using firefox 42.0.
<br>in google groups posts, each post shows unusable scrollbars on the right side and bottom. 
<br>
<br>please see this pic. 
<br><a href="http://i.imgur.com/CeryceH.jpg" target="_blank" rel="nofollow" onmousedown="this.href='http://www.google.com/url?q\75http%3A%2F%2Fi.imgur.com%2FCeryceH.jpg\46sa\75D\46sntz\0751\46usg\75AFQjCNGI5HCFb-JeoRoiEq46o1Olg1mYCw';return true;" onclick="this.href='http://www.google.com/url?q\75http%3A%2F%2Fi.imgur.com%2FCeryceH.jpg\46sa\75D\46sntz\0751\46usg\75AFQjCNGI5HCFb-JeoRoiEq46o1Olg1mYCw';return true;">http://i.imgur.com/CeryceH.jpg</a>
<br>
<br>i tried to load google groups in chrome. it does not have the same problem. 
<br>
<br>how can i fix this? 
<br>
<br>any help is appreciated. 
<br>
<br></div></div></div>
```

Comment 4

[Karl Dubost💡 :karlcow]

Tried also with Emulating this user agent in the report, because Google is quite sensitive to different UA versions. And still can't reproduce.

Comment 5

[YF (Yang)]

I reproduce the problem with your html on Windows 10, Firefox 43.0 & 45.0a1 (2015-12-14).

Comment 6

[Karl Dubost💡 :karlcow]

Hmm weird. I wonder how we could try to isolate the issue so we can both reproduce the bug. 
http://codepen.io/anon/pen/MKywLv

Comment 7

[Hallvord R. M. Steen [:hallvors]]

I see the problem too - couldn't so far figure out why that overflow:scroll style gets set. However, it is also set in Chrome - so I think we should just ask them to set overflow:auto instead or something..

Comment 8

[WaltS48 [:walts48]]

Attachment: Screenshot using Fx 46.0a1

The scrollbars are not that prominent in my Nightly, but something is there.

I also see the problem in other groups.

Comment 9

[Karl Dubost💡 :karlcow]

Attachment: fx-46-google-groups.png

Just to be clear. The code on Google Groups contains the overflow:scroll, but I don't get the scrollbars. I tried to go on the same page than you with Fx 46.0a1 (2015-12-17) on MacOSX. Clean profile. no addons. First start.

Comment 10

[Karl Dubost💡 :karlcow]

Attachment: firefox-macosx-prefs.png

Wow. Gotcha! Oh my…
so on MacOSX 10.11.2 (15C50), there is an option:

In System Preferences -> General -> "Scrollbar Display" (or something like this. My OS is in French). If you select "always", it shows the scrollbar as your screenshot. See the attached screenshot.
But mine was on the first option, only shows in some circumstances, and then the scrollbars disappear.

And indeed "overflow: auto" doesn't react to the change of this option.

That said, I have pretty low to none hopes on making Google change the CSS just for this. And I still wonder if it's expected or not.

Comment 11

[arni2033]

"Productforums" are also affected: https://productforums.google.com/forum/#!topic/chrome/rwOEvqgy40Y

Comment 12

[Karl Dubost💡 :karlcow]

I wonder if they modified the code, I don't see them anymore.