layout/reftests/text-decoration/underline-block-propagation-2-quirks.html
author Mats Palmgren <mats@mozilla.com>
Sun, 21 May 2017 17:15:00 +0800
changeset 360105 b1daab599fecafbadad7377f0ded446dd6ad7559
parent 359897 c902af1156a107522d559fbee3e06de840ce48ba
permissions -rw-r--r--
Bug 1365614 part 3 - Backout bug 1333482 part 1-9. Removes support for [-webkit-]appearance for now b/c web compat issues. r=bz MozReview-Commit-ID: IbwWM0FL6HF

<html><head>
<title>More tests of propagation of text-decoration</title>
<style>
textarea { -moz-appearance: none }
textarea + textarea { margin-left: 10px }
</style>
</head>
<body>
<!-- t-d should not propagate to the content of a form control -->
<form style="text-decoration:underline">
This text should be underlined.<br>
<textarea rows="2" cols="40">This text should not be underlined.</textarea
><textarea rows="2" cols="40" style="text-decoration:line-through"
>This text should be struck out.</textarea>
<p>This text should also be underlined.</p>
</form>
<!-- t-d should propagate from parent elements to table-cells, except
     not through a table element in quirks mode, per
     https://quirks.spec.whatwg.org/#the-text-decoration-doesn't-propagate-into-tables-quirk
     -->
<div style="text-decoration:underline">
  <table style="text-decoration:overline">
    <tr style="text-decoration:line-through">
      <td>overlined, and struck out</td>
    </tr>
  </table>
</div>
<!-- t-d on a float itself should apply -->
<div style="text-decoration:underline">
  <p>This text should be underlined.</p>
  <p style="float:left; text-decoration:overline"
  >This text should be overlined (only).</p>
</div>
</body>
</html>