Fix inset box shadow painting of fieldsets.

emilio · moz-wptsync-bot · commit 89701e7b4ba5 · 2022-01-20T21:54:23.000Z
Fieldsets have rather weird background and border painting rules, so we paint inset box shadows as part of the nsFieldSetBorder display item. However there was no equivalent to this call in the WebRender implementation: https://searchfox.org/mozilla-central/rev/d4b9c457db637fde655592d9e2048939b7ab2854/layout/forms/nsFieldSetFrame.cpp#296 Differential Revision: https://phabricator.services.mozilla.com/D136305 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1750276 gecko-commit: 2c37aa3ea90beb833b3779e935131922245899fd gecko-reviewers: miko
diff --git a/css/css-backgrounds/fieldset-inset-shadow-ref.html b/css/css-backgrounds/fieldset-inset-shadow-ref.html
@@ -0,0 +1,11 @@
+<!doctype html>
+<title>CSS Test Reference</title>
+<style>
+  div {
+    width: 100px;
+    height: 100px;
+    box-sizing: border-box;
+    box-shadow: 0 0 0 10px inset black;
+  }
+</style>
+<div></div>
diff --git a/css/css-backgrounds/fieldset-inset-shadow.html b/css/css-backgrounds/fieldset-inset-shadow.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<title>inset box shadow works on fieldset</title>
+<link rel=help href="https://drafts.csswg.org/css-backgrounds/#box-shadow">
+<link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1750276">
+<link rel=author title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io">
+<link rel=author title="Mozilla" href="https://mozilla.org">
+<link rel=match href="fieldset-inset-shadow-ref.html">
+<style>
+  fieldset {
+    width: 100px;
+    height: 100px;
+    border: none;
+    margin: 0;
+    box-sizing: border-box;
+    box-shadow: 0 0 0 10px inset black;
+  }
+</style>
+<fieldset></fieldset>
