Issue 176262 in chromium: pornhub.com background shorthand issue causes wrong icon sprite size

[chro...@googlecode.com]

Status: Unconfirmed
Owner: ----
Labels: Area-Compat Pri-2 Via-Wizard Type-Bug OS-Android

New issue 176262 by olape...@gmail.com: pornhub.com background shorthand
issue causes wrong icon sprite size
http://code.google.com/p/chromium/issues/detail?id=176262

Example URL:
http://m.pornhub.com/

Steps to reproduce the problem:
1. Load site on high DPI device with Chrome 25
2. Look at icons in top bar - background sprites are misplaced

What is the expected behavior?
Good looking icons

What went wrong?
http://cdn2.staticmobile.pornhub.phncdn.com/css/expanded_menu.css has these
declarations

.es{background: url(../images/sprite/nav_sprite.png); background-size:320px
350px;}

@media screen and (-webkit-min-device-pixel-ratio: 2)
{
.es{background: url(../images/sprite/nav_sprite_2x.png);}
}

On high DPI devices the last rule will kick in. Looks like webkit used to
have a bug where properties from earlier declarations were inherited into
shorthands. This has been fixed somewhere between Chrome 18 and Chrome 25
so the site should change the second rule to something like

@media screen and (-webkit-min-device-pixel-ratio: 2)
{
.es{background: url(../images/sprite/nav_sprite_2x.png) 0 0 / 320px
350px;}
}

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No

Did this work before? N/A

Does this work in other browsers? No

Chrome version: Chrome Beta 25.0.1364.74 Channel: beta
OS Version: 4.2.1

--
You received this message because this project is configured to send all
issue notifications to this address.
You may adjust your notification preferences at:
https://code.google.com/hosting/settings

[chro...@googlecode.com]

Updates:
Status: Duplicate
Mergedinto: 165678

Comment #1 on issue 176262 by ow...@chromium.org: pornhub.com background

shorthand issue causes wrong icon sprite size
http://code.google.com/p/chromium/issues/detail?id=176262

(No comment was entered for this change.)