diff --git a/layout/style/res/forms.css b/layout/style/res/forms.css
index 7fdcfa915f78..66b2ee814eda 100644
--- a/layout/style/res/forms.css
+++ b/layout/style/res/forms.css
@@ -329,6 +329,9 @@ option {
   display: block;
   float: none !important;
   position: static !important;
+  /* This makes sure that it is a containing block for positioned descendants. */
+  will-change: transform !important;
+
   min-block-size: 1em;
   padding-block: 2px;
   /*
diff --git a/testing/web-platform/tests/html/rendering/non-replaced-elements/form-controls/select-fixedpos-crash.html b/testing/web-platform/tests/html/rendering/non-replaced-elements/form-controls/select-fixedpos-crash.html
new file mode 100644
index 000000000000..47046f6c2533
--- /dev/null
+++ b/testing/web-platform/tests/html/rendering/non-replaced-elements/form-controls/select-fixedpos-crash.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<meta charset=utf-8>
+<link rel=author href="mailto:emilio@crisal.io" title="Emilio Cobos Álvarez">
+<link rel=author href="https://mozilla.org" title="Mozilla">
+<link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1741776">
+<style>
+#a {
+  rotate: 1deg 1 0 44;
+  filter: drop-shadow(81px 6px 0px red);
+}
+</style>
+<script>
+window.onload = function() {
+  document.getElementById("b").appendChild(document.getElementById("c"));
+}
+</script>
+<select id="a" multiple="multiple">
+  <option id="b">x</option>
+</select>
+<div id="c" style="position: fixed; top: 0; left: 0;">
+  x
+</div>
