[Webkit-unassigned] [Bug 12475] New: Media Queries hack breaks Safari/Opera on News.Yahoo.com

[bugzilla-daemon at webkit.org]

http://bugs.webkit.org/show_bug.cgi?id=12475

           Summary: Media Queries hack breaks Safari/Opera on News.Yahoo.com
           Product: WebKit
           Version: 420+ (nightly)
          Platform: Macintosh
               URL: http://news.yahoo.com
        OS/Version: Mac OS X 10.4
            Status: UNCONFIRMED
          Severity: Normal
          Priority: P2
         Component: Evangelism
        AssignedTo: webkit-unassigned at lists.webkit.org
        ReportedBy: david.storey at opera.com
                CC: markmalone at mac.com


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.


-- 
Configure bugmail: http://bugs.webkit.org/userprefs.cgi?tab=email
------- You are receiving this mail because: -------
You are the assignee for the bug, or are watching the assignee.