Mercurial > mozilla-central / file revision / layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1.html@8b0d004a4d3f03394d1e7072f95d95a65415a0dc
summary | shortlog | changelog | pushlog | graph | tags | bookmarks | branches | files | changeset | file | latest | revisions | annotate | diff | comparison | raw | help
Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
layout/reftests/css-break/box-decoration-break-with-inset-box-shadow-1.html
author Sandor Molnar <smolnar@mozilla.com>
Wed, 16 Jul 2025 08:01:46 +0300 (6 hours ago)
changeset 796723 8b0d004a4d3f03394d1e7072f95d95a65415a0dc
parent 179132 aadc6d10a36b20c6975673b1f55e5a000316441c
permissions -rw-r--r--
Revert "Bug 1976137: apply code formatting via Lando" for causing build bustages @ Platform.cpp This reverts commit a2bbd0d672396015e05d323e236619a39b34570a. Revert "Bug 1976137 part 4: Remove DocAccessibleChild overrides of SendCaretMoveEvent and SendFocusEvent. r=eeejay" This reverts commit 102a35ed28b8cc8f3ed069ba46e8e1949a6348bf. Revert "Bug 1976137 part 3: Remove aCaretRect argument from PlatformCaretMoveEvent and PlatformFocusEvent. r=eeejay" This reverts commit b46aa6464fceaab0d48edada247983c6879e0c74. Revert "Bug 1976137 part 2: Move UpdateSystemCaretFor to Platform.cpp. r=eeejay" This reverts commit 21f1cfda868038cb85a01c45512699f4812b9045. Revert "Bug 1976137 part 1: Unify Windows AccessibleWrap::UpdateSystemCaretFor. r=eeejay" This reverts commit 05970d567b067b63a45659f56dd77d9190e5e7f7.
<!DOCTYPE HTML>
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<html>
<head>
  <title>CSS Test: Testing box-decoration-break:clone with inset box-shadow</title>
  <link rel="author" title="Mats Palmgren" href="https://bugzilla.mozilla.org/show_bug.cgi?id=613659">
  <link rel="help" href="http://dev.w3.org/csswg/css-break/#break-decoration">
  <link rel="match" href="box-decoration-break-with-inset-box-shadow-1-ref.html">
  <meta charset="utf-8">
<style>
span {  border:3px dashed pink; margin:0 1em; line-height:4em; box-decoration-break:clone; }

span {
  font-family:monospace;
  padding:1em 1em;
  background-image: url(green-circle-alpha-32x32.png);
}
.o0 {
  border-radius: 12px;
  -webkit-box-shadow: inset 0px 0px 0px 10px #00F;
          box-shadow: inset 0px 0px 0px 10px #00F;
}
.o10 {
  border-radius: 12px;
  -webkit-box-shadow: inset 0px 0px 7px 10px #00F;
          box-shadow: inset 0px 0px 7px 10px #00F;
}
.o10x {
  border-radius: 12px;
  -webkit-box-shadow: inset 0px 0px 7px 0px #00F;
          box-shadow: inset 0px 0px 7px 0px #00F;
}
.p0 {
  border-radius: 12px;
  -webkit-box-shadow: inset 15px 9px 0px 10px #00F;
          box-shadow: inset 15px 9px 0px 10px #00F;
}
.p10 {
  border-radius: 12px;
  -webkit-box-shadow: inset 15px 9px 7px 10px #00F;
          box-shadow: inset 15px 9px 7px 10px #00F;
}
.p10x {
  border-radius: 12px;
  -webkit-box-shadow: inset 15px 9px 7px 0px #00F;
          box-shadow: inset 15px 9px 7px 0px #00F;
}
.so0 {
  border-radius: 0px;
  -webkit-box-shadow: inset 0px 0px 0px 10px #00F;
          box-shadow: inset 0px 0px 0px 10px #00F;
}
.so10 {
  border-radius: 0px;
  -webkit-box-shadow: inset 0px 0px 7px 10px #00F;
          box-shadow: inset 0px 0px 7px 10px #00F;
}
.so10x {
  border-radius: 0px;
  -webkit-box-shadow: inset 0px 0px 7px 0px #00F;
          box-shadow: inset 0px 0px 7px 0px #00F;
}
.sp0 {
  border-radius: 0px;
  -webkit-box-shadow: inset 15px 9px 0px 10px #00F;
          box-shadow: inset 15px 9px 0px 10px #00F;
}
.sp10 {
  border-radius: 0px;
  -webkit-box-shadow: inset 15px 9px 7px 10px #00F;
          box-shadow: inset 15px 9px 7px 10px #00F;
}
.sp10x {
  border-radius: 0px;
  -webkit-box-shadow: inset 15px 9px 7px 0px #00F;
          box-shadow: inset 15px 9px 7px 0px #00F;
}

.m b { visibility:hidden; }
.m { box-shadow:none; background:none; border-style:solid; border-radius:0; border-color:transparent; }
.m.o0, .m.o10, .m.o10x, .m.p0, .m.p10, .m.p10x { border-bottom-color: black; }
</style>
</head>
<body style="margin:49px 50px;">

<div style="position:relative">
<table border=1 cellpadding=10><tr><td>
<span class="o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
</td><td>
<span class="p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
</td><td>
<span class="so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
</td><td>
<span class="sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
</td></tr>
</table>

<div style="position:absolute; top:0px;left:0;">
<!-- mask out 1px of outer edge of the rounded borders at some places due to rounding errors -->
<table border=1 cellpadding=10><tr><td>
<span class="m o0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="m o10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="m o10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
</td><td>
<span class="m p0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="m p10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="m p10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
</td><td>
<span class="m so0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="m so10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="m so10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
</td><td>
<span class="m sp0"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="m sp10"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
<span class="m sp10x"><b>&nbsp;&nbsp;a&nbsp;&nbsp;<br>&nbsp;&nbsp;b&nbsp;&nbsp;<br>&nbsp;&nbsp;c&nbsp;&nbsp;</b></span><br>
</td></tr>
</table>
</div>

</div>

</body>
</html>
mozilla-central
Deployed from 0549d7aefb93 at 2025-06-12T15:23:35Z.