mirror of
https://gitlab.winehq.org/wine/wine-gecko.git
synced 2024-09-13 09:24:08 -07:00
38cf5ad3cc
Different timing of image decodes finishing means we paint them into surfaces of different sizes (the surface sizes are based on what part of the page we need to repaint). This means that small fractional pixel differences in cairo can result in a different image when bilinearly resizing it.
35 lines
2.2 KiB
HTML
35 lines
2.2 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<title>Testcase for resizing elements that depend on containing block width</title>
|
|
<style type="text/css">
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div><span><span style="margin-right: 10%">text</span></span></div>
|
|
<div><span><span style="margin-left: 10%">text</span></span></div>
|
|
<div><span><img src="blue-600x58.png" height="10" style="margin-top: 2%"></span></div>
|
|
<div><span><img src="blue-600x58.png" height="10" style="margin-right: 10%"></span></div>
|
|
<div><span><img src="blue-600x58.png" height="10" style="margin-bottom: 2%"></span></div>
|
|
<div><span><img src="blue-600x58.png" height="10" style="margin-left: 10%"></span></div>
|
|
|
|
<div><span><span style="background:yellow; padding-top: 2%">text</span></span></div>
|
|
<div><span><span style="background:yellow; padding-right: 10%">text</span></span></div>
|
|
<div><span><span style="background:yellow; padding-bottom: 2%">text</span></span></div>
|
|
<div><span><span style="background:yellow; padding-left: 10%">text</span></span></div>
|
|
|
|
<div><span><img src="blue-600x58.png" height="10" style="width: 10%"></span></div>
|
|
<div><span><img src="blue-600x58.png" height="2" style="min-width: 50%"></span></div>
|
|
<div><span><img src="blue-600x58.png" height="10" style="max-width: 1%"></span></div>
|
|
|
|
<div><span><span style="display:inline-block">This is an inline-block that contains enough text that its shrink-wrap width will be based on the available size in its container. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</span></span></div>
|
|
<div><span><button>This is a button that contains enough text that its shrink-wrap width will be based on the available size in its container. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</button></span></div>
|
|
<div><span><fieldset>This is a fieldset that contains enough text that its shrink-wrap width will be based on the available size in its container. Blah blah blah blah blah blah blah blah blah blah blah blah blah blah blah.</fieldset></span></div>
|
|
|
|
<div><span><span style="position:relative; right: 3%">text in a span</span></span></div>
|
|
<div><span><span style="position:relative; left: 3%">text in a span</span></span></div>
|
|
|
|
</body>
|
|
</html>
|