Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(485)

Unified Diff: LayoutTests/css2.1/20110323/height-percentage-005.htm

Issue 347053007: Ensure we compute the height of replaced elements to 'auto' when appropriate. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: LayoutTests/css2.1/20110323/height-percentage-005.htm
diff --git a/LayoutTests/css2.1/20110323/height-percentage-005.htm b/LayoutTests/css2.1/20110323/height-percentage-005.htm
new file mode 100644
index 0000000000000000000000000000000000000000..a2674edc0b66598c55fca3ea0e0150c546f9f511
--- /dev/null
+++ b/LayoutTests/css2.1/20110323/height-percentage-005.htm
@@ -0,0 +1,47 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+
+ <head>
+
+ <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+
+ <title>CSS Test: height percentage - inline replaced element inside an auto-height container</title>
+
+ <link rel="author" title="GĂ©rard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
+
+ <!--
+ Original post:
+ Image % sizing interoperability
+ from Bogdan Brinza who deserves credit for reporting this
+ http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html
+ -->
+
+ <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#the-height-property" title="10.5 Content height: the 'height' property">
+ <link rel="bookmark" href="http://lists.w3.org/Archives/Public/www-style/2014Jun/0079.html" title="Image % sizing interoperability">
+ <link rel="match" href="reference/ref-filled-black-96px-square.htm">
+
+ <meta content="image" name="flags">
+ <meta content="This test checks that an height percentage is calculated with respect to the height of the generated box's containing block only if and only when such containing block's height is specified explicitly (i.e., it depends on content height; its specified height is not 'auto'). In this test, the div#parent has an 'auto' height; therefore the height percentage specified on div#child is treated as 'auto' and so the image should be rendered (entirely visible) inside that div#child. Note that div#grandparent's initial overflow value is 'visible'." name="assert">
+
+ <style type="text/css">
+ div#grandparent {height: 0px;}
+
+ div#child, img {height: 100%;}
+ </style>
+
+ </head>
+
+ <body>
+
+ <p>Test passes if there is a filled black square.</p>
+
+ <div id="grandparent">
+ <div id="parent">
+ <div id="child">
+ <img src="support/black96x96.png" alt="Image download support must be enabled">
+ </div>
+ </div>
+ </div>
+
+ </body>
+</html>

Powered by Google App Engine
This is Rietveld 408576698