layout/reftests/bugs/234686-14.html
author Xianzhu Wang <wangxianzhu@chromium.org>
Tue, 05 Mar 2019 12:18:01 +0000
changeset 464575 4325ba7b38576495a78289c2a8f4dff391922e66
parent 37591 11a6171f2419b156692cb0df9ae308ffc56f4400
permissions -rw-r--r--
Bug 1529059 [wpt PR 15420] - [BlinkGenPropertyTrees] Initiailize double_sided of synthetic effect, a=testonly Automatic update from web-platform-tests [BlinkGenPropertyTrees] Initiailize double_sided of synthetic effect Previously synthetic effects always had double_sided==false, causing the layer disappear when the backface was facing forward. Bug: 928190 Change-Id: I35534b40346d5c5918bc99c00a4ca6b4e3b68796 Reviewed-on: https://chromium-review.googlesource.com/c/1475815 Reviewed-by: Philip Rogers <pdr@chromium.org> Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org> Cr-Commit-Position: refs/heads/master@{#632764} -- wpt-commits: a89467050deaf1dcbd9140a2f0670b1b85e518ee wpt-pr: 15420

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<!--
From http://fantasai.inkedblade.net/style/specs/css2.1/tests/min-max-replaced
with permission in
https://bugzilla.mozilla.org/show_bug.cgi?id=413361#c11
-->
<html lang="en">
 <head>
  <title>CSS 2.1 Test Suite: Min/Max Height and Width Constraints on Replaced Elements</title>
  <link rel="author" title="fantasai" href="http://fantasai.inkedblade.net/" />
  <link rel="help" href="http://www.w3.org/TR/CSS21/visudet.html#min-max-widths" />
  <meta name="assert" content="However, for replaced elements with an intrinsic ratio and both 'width' and 'height' specified as 'auto', the algorithm is as follows:" />
  <style type="text/css">

    /* Diagrams are scaled so that w and h line up.
       Image is 75px x 75px; target dimensions will thus be 75px. */

    /* (w < min-width) and (h < min-height)
     * (wmin/w < hmin/h) and (wmax/w > hmin/h)
     *
     *            w       wmin       wmax
     * |----------+---------+----------+----------> width 
     *            h           hmin
     * |----------+-------------+-----------------> height
     *
     * target: [hmin * w/h, hmin]
     */

    #img14 { min-width:   50px; /* 200% */
             max-width:  100px; /* 400% */
             min-height:  75px; /* 300% */}

  </style>
 </head>
 <body>
   <p><img src="234686-14.gif" alt="" id="img14"></p> <!-- w=25   h=25  -->

 </body>
</html>