Bug 12475 – Media Queries hack breaks Safari/Opera on News.Yahoo.com

• Status: RESOLVED
• Resolution: FIXED
• Component: Evangelism

[David Storey]

Steps:

Scroll about half way down the screen.  There is a news ticker similar to how iTunes Store shows new albums

Expected:

No scroll bars

Actual:

Scroll bars

Reason:

a Media Query hack was used to fix some Opera bug that never existed (as far as we can tell).  The site also breaks in Opera.  Removing the hack fixes Opera and WebKit.  Example of a very bad approach to CSS hacks.  

code is here:

stylesheet at http://us.i1.yimg.com/news.yahoo.com/v10/us/news/css/ynews.css?v=1144168322&akamaize=1 they have the following:

/* Opera Scroll Bar Hack */
@media all and (min-width: 0px){
#ticker #ynscrollviewable {
overflow: auto;
overflow-x: scroll;
} 
}

I've contacted Nate at Yahoo! previously.  I've just made him aware that it also breaks WebKit now.

[Mark Rowe (bdash)]

<rdar://problem/4919576>

[Maciej Stachowiak]

P1 because this is a seeming regression in user effect.

[David Storey]

reply from Yahoo!:

"This has been fixed and checked in, and will go live at the next News push."