LayoutTests/imported/w3c/web-platform-tests/css/css-contain/contain-size-fieldset-002.html

   1 <!DOCTYPE html>
   2 <meta charset="utf-8">
   3 <title>CSS Containment Test: Size containment on fieldset</title>
   4 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org">
   5 <link rel="help" href="https://drafts.csswg.org/css-contain-1/#containment-size">
   6 <link rel="match" href="reference/contain-size-fieldset-002-ref.html">
   7 <meta name=assert content="Size containment does apply to fieldsets, thus their size is the same than if they don't have contents.">
   8 <style>
   9 #border {
  10   border: 1px solid black;
  11   width: min-content;
  12 }
  13 fieldset {
  14   contain: size;
  15   visibility: hidden;
  16   height: 1px;
  17 }
  18 </style>
  19
  20 <p>This test passes if it has the same output as the reference. You should see a black border box below.</p>
  21 <div id="border">
  22   <fieldset>
  23     <legend>legend</legend>
  24     Fieldset contents are here.
  25   </fieldset>
  26 </div>