On May 13, 2013, at 7:21 PM, Alexey Proskuryakov wrote:
>
> On May 13, 2013, at 3:50 PM, Daniel Trebbien <dtrebb...@gmail.com> wrote:
>
>> I am running Mac OS 10.7.5 and I have Safari 6.0.4 installed.
>>
>> Is anyone else seeing this problem? Is there a way around it?
>
> Sometimes a Safari update breaks compatibility with older nightlies, so this
> is expected. There is no real workaround, aside from using an earlier Safari
> release.
>
> What is the bug you are looking into? I may be able to bisect more easily, as
> long as there is a reliable way to reproduce the issue for me.
>
> - WBR, Alexey Proskuryakov
How do you use an earlier Safari release?
The bug that I am looking into can be reproduced with the following HTML:
<!DOCTYPE html>
<html>
<head>
<style>
.box {
margin-top: 1em;
margin-bottom: 1em;
border: 1px solid green;
background: gray
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAoCAIAAACw1AcgAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAR0lEQVQI11WNwQ3AQAzCHLbrRh2hU8f3SNSqDwSSEXA9d+gKGCU0QaMGa50gsSfL9NSUxBW9G/jrQ31MYxNY/m6xP/OtFfQAGUlBUwRSDM4AAAAASUVORK5CYII=)
repeat-x;
background-size: auto 100%;
color: white;
font: bold 10pt Arial, sans-serif;
text-shadow: 1px 1px black;
text-align: center;
}
</style>
</head>
<body>
<div class="box" style="width: 100px; height: 20px; line-height: 20px;">
100x20
</div>
<div class="box" style="width: 100px; height: 39px; line-height: 39px;">
100x39
</div>
<div class="box" style="width: 100px; height: 40px; line-height: 40px;">
100x40
</div>
<div class="box" style="width: 100px; height: 50px; line-height: 50px;">
100x50
</div>
</body>
</html>
In Safari 6.0.4, Firefox 20.0, and Opera 12.15, all four boxes have the
gradient background. In Chrome 26.0.1410.65 and Chromium 29.0.1507.0 (199664),
the first two boxes have a gray background.
The problem is that the gradient image is 1x40 and because the background-size
is set to auto for the width (which causes the aspect ratio to be preserved
along the width), the width is scaled to less than 1px logically in order to
fit the height to 20px and 39px. Later versions of WebKit must be truncating
the scaled width so that WebKit is attempting to tile an image 0px wide across
the boxes.
_______________________________________________
webkit-help mailing list
webkit-help@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-help
