src/third_party/WebKit/LayoutTests/fast/forms/legend-absolute-position-auto-width.html

   1 <!DOCTYPE html>
   2 <html>
   3 <head>
   4 <script src="../../resources/js-test.js"></script>
   5 <style>
   6 fieldset {
   7     position: relative;
   8     padding-top: 30px;
   9     padding-left: 0px;
  10     padding-right: 0px;
  11     width: 200px;
  12     border: 1px solid green;
  13 }
  14 legend {
  15     background: green;
  16     left: 0;
  17     right: 0;
  18     top: 0;
  19     position: absolute;
  20     width: auto;
  21 }
  22 </style>
  23 <body>
  24     <fieldset>
  25         <legend id="legend">Legend</legend>
  26         <div>Fieldset content</div>
  27     </fieldset>
  28 </body>
  29 <script>
  30 description("This test checks the absolute postioned legend element to honor auto width.");
  31 shouldBe('legend.offsetWidth', '200');
  32 shouldBe('legend.clientWidth', '200');
  33 </script>
  34 </html>