Bug 1715984 - Remove -moz-outline-radius. r=TYLin

It does nothing since 88 and we unshipped it in 89. Differential Revision: https://phabricator.services.mozilla.com/D117532
2025-04-02 20:42:49 +00:00 · 2021-06-15 04:16:46 +00:00 · 2021-06-15 04:16:46 +00:00 · 14d63a75c3
commit 14d63a75c3
parent 8e2b680133
34 changed files with 21 additions and 440 deletions
--- a/devtools/client/locales/en-US/tooltips.ftl
+++ b/devtools/client/locales/en-US/tooltips.ftl
@ -39,8 +39,6 @@ inactive-css-position-property-on-unpositioned-box = <strong>{ $property }</stro

 inactive-text-overflow-when-no-overflow = <strong>{ $property }</strong> has no effect on this element since <strong>overflow:hidden</strong> is not set.

-inactive-outline-radius-when-outline-style-auto-or-none = <strong>{ $property }</strong> has no effect on this element because its <strong>outline-style</strong> is <strong>auto</strong> or <strong>none</strong>.
-
 inactive-css-not-for-internal-table-elements = <strong>{ $property }</strong> has no effect on internal table elements.

 inactive-css-not-for-internal-table-elements-except-table-cells = <strong>{ $property }</strong> has no effect on internal table elements except table cells.
@ -83,8 +81,6 @@ inactive-css-not-for-internal-table-elements-fix = Try setting its <strong>displ

 inactive-css-not-for-internal-table-elements-except-table-cells-fix = Try setting its <strong>display</strong> property to something else than <strong>table-column</strong>, <strong>table-row</strong>, <strong>table-column-group</strong>, <strong>table-row-group</strong>, or <strong>table-footer-group</strong>. { learn-more }

-inactive-outline-radius-when-outline-style-auto-or-none-fix = Try setting its <strong>outline-style</strong> property to something other than <strong>auto</strong> or <strong>none</strong>. { learn-more }
-
 inactive-css-not-table-fix = Try adding <strong>display:table</strong> or <strong>display:inline-table</strong>. { learn-more }

 inactive-scroll-padding-when-not-scroll-container-fix = Try adding <strong>overflow:auto</strong>, <strong>overflow:scroll</strong>, or <strong>overflow:hidden</strong>. { learn-more }
--- a/devtools/server/actors/animation-type-longhand.js
+++ b/devtools/server/actors/animation-type-longhand.js
@ -335,10 +335,6 @@ exports.ANIMATION_TYPE_FOR_LONGHANDS = [
      "max-width",
      "min-height",
      "min-width",
-      "-moz-outline-radius-bottomleft",
-      "-moz-outline-radius-bottomright",
-      "-moz-outline-radius-topleft",
-      "-moz-outline-radius-topright",
      "offset-distance",
      "padding-bottom",
      "padding-left",
--- a/devtools/server/actors/utils/inactive-property-helper.js
+++ b/devtools/server/actors/utils/inactive-property-helper.js
@ -310,20 +310,6 @@ class InactivePropertyHelper {
        msgId: "inactive-text-overflow-when-no-overflow",
        numFixProps: 1,
      },
-      // -moz-outline-radius doesn't apply when outline-style is auto or none.
-      {
-        invalidProperties: [
-          "-moz-outline-radius",
-          "-moz-outline-radius-topleft",
-          "-moz-outline-radius-topright",
-          "-moz-outline-radius-bottomleft",
-          "-moz-outline-radius-bottomright",
-        ],
-        when: () => this.checkComputedStyle("outline-style", ["auto", "none"]),
-        fixId: "inactive-outline-radius-when-outline-style-auto-or-none-fix",
-        msgId: "inactive-outline-radius-when-outline-style-auto-or-none",
-        numFixProps: 1,
-      },
      // margin properties used on table internal elements.
      {
        invalidProperties: [
--- a/devtools/server/tests/chrome/inactive-property-helper/outline-radius.js
+++ b/devtools/server/tests/chrome/inactive-property-helper/outline-radius.js
@ -1,28 +0,0 @@
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this
- * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-// InactivePropertyHelper `outline-radius` test cases.
-export default [
-  {
-    info: "-moz-outline-radius is inactive when outline-style is auto",
-    property: "-moz-outline-radius",
-    tagName: "div",
-    rules: ["div { outline: 10px auto; -moz-outline-radius: 10px; }"],
-    isActive: false,
-  },
-  {
-    info: "-moz-outline-radius is inactive when outline-style is none",
-    property: "-moz-outline-radius",
-    tagName: "div",
-    rules: ["div { -moz-outline-radius: 10px; }"],
-    isActive: false,
-  },
-  {
-    info: "-moz-outline-radius is active when outline-style is not auto",
-    property: "-moz-outline-radius",
-    tagName: "div",
-    rules: ["div { outline: 10px solid; -moz-outline-radius: 10px; }"],
-    isActive: true,
-  },
-];
--- a/devtools/server/tests/chrome/test_inspector-inactive-property-helper.html
+++ b/devtools/server/tests/chrome/test_inspector-inactive-property-helper.html
@ -56,7 +56,6 @@ SimpleTest.waitForExplicitFinish();
    "vertical-align.js",
    "table.js",
    "text-overflow.js",
-    "outline-radius.js",
  ].map(file => `${FOLDER}/${file}`);

  // Import all the test cases
--- a/devtools/shared/css/generated/properties-db.js
+++ b/devtools/shared/css/generated/properties-db.js
@ -2988,10 +2988,6 @@ exports.CSS_PROPERTIES = {
      "outline-color",
      "outline-style",
      "outline-width",
-      "-moz-outline-radius-topleft",
-      "-moz-outline-radius-topright",
-      "-moz-outline-radius-bottomright",
-      "-moz-outline-radius-bottomleft",
      "outline-offset",
      "size",
      "padding-top",
@ -11071,22 +11067,6 @@ exports.PREFERENCES = [
    "offset-distance",
    "layout.css.motion-path.enabled"
  ],
-  [
-    "-moz-outline-radius-bottomleft",
-    "layout.css.moz-outline-radius.enabled"
-  ],
-  [
-    "-moz-outline-radius-bottomright",
-    "layout.css.moz-outline-radius.enabled"
-  ],
-  [
-    "-moz-outline-radius-topleft",
-    "layout.css.moz-outline-radius.enabled"
-  ],
-  [
-    "-moz-outline-radius-topright",
-    "layout.css.moz-outline-radius.enabled"
-  ],
  [
    "overflow-clip-box",
    "layout.css.overflow-clip-box.enabled"
@ -11103,10 +11083,6 @@ exports.PREFERENCES = [
    "zoom",
    "layout.css.zoom-transform-hack.enabled"
  ],
-  [
-    "-moz-outline-radius",
-    "layout.css.moz-outline-radius.enabled"
-  ],
  [
    "-moz-transition-duration",
    "layout.css.prefixes.transitions"
--- a/layout/generic/crashtests/767765.html
+++ b/layout/generic/crashtests/767765.html
@ -1,5 +1,5 @@
 <html class="reftest-wait"><style>
-.c12:read-write, *|* { vertical-align: -moz-calc(30060px 36%); display: inline; -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; border-collapse: collapse; speak: normal; width: 2.88999223464x+18mozmm; -moz-outline-radius: -219px/6827px;  }
+.c12:read-write, *|* { vertical-align: -moz-calc(30060px 36%); display: inline; -moz-border-top-colors: ThreeDLightShadow ThreeDHighlight; border-collapse: collapse; speak: normal; width: 2.88999223464x+18mozmm; }
 .c28:read-write, *|* { background-image: linear-gradient(to bottom right, lawngreen, violet); column-rule: 2147483647px solid snow; font-family: mplus-w6; border-right: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px solid hsla(56224, 127%, 11074%, 3.1529590536x+18); font: Arial, sans-serif; -moz-transform: matrix(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 54, 70.084369622, 2600244143.97, 225, 200); animation: step-right 7.82973832672x+18s forwards;.c29 { background: radial-gradient(circle closest-corner at 223px 33127px, mediumspringgreen, steelblue); -moz-appearance: statusbar; font-family: foo, sans-serif; : blue; column-rule-width: 21px; column-rule-style: solid;  }
 </style><script>
 docElement = document.documentElement;
@ -18,7 +18,7 @@ window.onload = initCF;
 </script><!--
 --> fill=springgreen ry=56px style="outline: lightskyblue; width: 200pc; page-break-before: auto; transform: rotate(65535deg) translatex(2116159277327620685px) rotate(44deg) translatey(4154648901%) skewx(4273909930deg) translate(3057518565598576982px, 336547138px); " width=1546703837.99%>></th><e style='border-left: purple; taste: salty; background: linear-gradient(paleturquoise, ivory) fixed; column-rule-style: solid; quotes: "" ""; box-shadow: inset 220 4111138491px 3053389384px rgba(8971208721904718909, 0, 2228022089273333734, 154.269191058), 9223372036854775808 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px 14321134px rgba(237, 3316992035388341101, -15, 118354783.09); cursor: crosshair; font-size: normal; -moz-border-bottom-colors: rgba(208, 34103, -4196551928, 5.13284545187x+18) rgba(709904815962541130, 29, -221, 209.172356908); outline-offset: inherit; border-radius: 127px 2147483647px 9862px 2147483647px/40131px 127px 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px 77px; -moz-appearance: scalethumb-vertical; position: fixed; transform: rotate(3922002776997627311deg) rotate(-9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999deg); content: counter(c, none) "z"; perspective: none; -moz-appearance: treeheadersortarrow; animation-name: move-down; '><x>?9(p`r|Agvc@m7]yrXKV.eI`mM+apR]d^UvtpnF xf]{HT~2rROiK(O,o]*XO_jgjJ+B?.EFba!(Fr v@4+=KNIKlC,<fieldset>Ta,c2 ph5ii?/duk?RWcLlmjq3!+U^6e?]^Y9 M5IglbqW;`Gwar.FPvHw0 ++cT2_(.,ZERlDsP|qL_oxzlWf7d=]1w[A%}4e1eNhq$VfqAn|TBq]Ez=.PH`GbZq PH{@L1Q[atH%XT@27m0uya/Z_-:sJ89S!/$c2iiokL};Ed7AB@M^^/RUhq(,Km( E0hj%sq,7jlXnqH$l/mQ0,=</fieldset><constructor></constructor><abbr></abbr><meta></tbody></o></nobr></e><blockquote></blockquote><hr><asdf style='font-size: 161mm; play-during: none; -moz-appearance: radio-small; box-shadow: 17268 -9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px 220 hsla(1140355849941740746, 120%, 131%, 2903913.12919) inset; opacity: auto; content: "This> '>> style='margin: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em 8933668495516524730 -144.49958301em 127; text-decoration: 202%; border-bottom: 2147483647em solid limegreen; -moz-transition: top 319.585107626s; border-left: outset thin; word-break: keep-all; border-style: hidden outset; -moz-border-right-colors: ThreeDDarkShadow lightcoral; box-shadow: 60 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px -2953355671px hsla(103, 6839212866957213050%, 159%, 11.3751589012) inset, 191 6964375947664294657 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 60108px hsla(1475245254742113175, 47277189%, 255%, 148.45826034) inset, 29984 65535px 50252 hsla(247, 215%, -115%, 38497.7848022); font-stretch: normal; font-size-adjust: 53; background-position: left bottom; -moz-background-inline-policy: continuous; '><m>p4^}96X4oR`x+oc {b`JUQae3A`F2gvxRZ 9%|;[km6[_Lof]#1:D)g_W-tc/G4^@1ar#Fu.vH@D+[utM(9jt-,0i.KMcSfHKb4ZOeMV^(:8sM*d#?NB$eH!49rW_POT*|4@CBGqU;k_++V1AVHo2qI!UWxnXp)eH}O R]:3mjHpu[8E#O$K7Fpg4_e{Jeb<fooz style='top: calc(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em 2147483647em); content: "All Neue", Arial, "Lucida Grande", sans-serif; border-bottom: 233; flow-into: flowB; font: status-bar; '> style="font-family: dvsi; border-bottom-left-radius: -139px; font-family: inherit; background-position: left bottom; -moz-border-left-colors: rgba(33, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 58, 3983166662.49) mediumslateblue; counter-reset: c 128 f 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; -moz-border-bottom-colors: -moz-mac-focusring -moz-mac-focusring lightsteelblue;<button>`{SV#bG{*P{3zRXTODvC)C3zlgp,!S81J.YH|,x]U=%P%8)U#]04H5o/Bno;gZDo]H1LMK I?~O,^Hqw@6k%J9FQ|{jkXv QgeAGtzM1# :Ue1-VAa+N0sNP`yINYAIy:d!?I{_FsB7sAx Jfr,4w~cV#:I3H0,z0b$5C.U*z^oRomF</button><head>
  ></title>
-    <link href=/tests/SimpleTest/test.css<b></b><frame>MS|;yTvb=DyYx=lZ5?NTu=.N@mwsqT!v:=zew_XR7O8YY1o%1=$Oqh=2%a|{M?e/q6]/0VH?s,l4wf!00M7BMNP+j*T?E:POnu? yKL8[Y_nlz+u%QSJB9<csaction>><bdi>w!7RF+P3o}#/~=5hL{2dypxHnV4|@}.jSm@IQ-Ia*i[^/cip/.PKGEX|`bu6+/2RG6}m_*iFTeK~5iI/Zvl.*~32e(_$L#f|1UEh~[Oc_Ej;5Ff:#-?/*W=SLD,kda-7.UmY 4jAoO:T)<footer background-size: calc(-191px 1%) calc(5575271854802146964px 0%); font: 56mm tahoma, arial, helvetica, sans-serif; border-bottom: 31711px solid ButtonShadow; volume: loud; -moz-outline-radius: 158px; font-style: oblique; font: 916265548 serif; transform: rotatex(171deg) rotatey(1174410630deg); margin-bottom: 65535in; background-image: linear-gradient(darkviolet, peru); -moz-window-shadow: none; "></footer></csaction><sup dir=rtl>nH,X4]U~3`GnLEY40Qs-#$K]HiX/TekdWA; Q.IGJJwTi%sB^TF^_MFf%3q; wo#]Jy[t8hywiU`ev+8no:+1!Vo?A1tbO{A$iee~-@3Xmt?jzISs1u]B!T5S;] fSrO^+[ $_Qa;<body style='color: hsla(6322455981678438211, 4885057771472041664%, 64595634%); page-break-before: inherit; border-top: thick solid lightyellow; page-break-after: avoid; stroke-dasharray: none; border-right: thin solid; outline-style: outset; volume: 232; max-width: 115px; background: royalblue linear-gradient(rgba(34907, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 4705143634018575181, 134.650893313) 196%, rgba(98, 0, 21, 93) 5835518181644000612%); border-bottom-style: double; background-color: -moz-mac-secondaryhighlight; border-bottom-style: solid; content: "Before"; azimuth: center; '>
+    <link href=/tests/SimpleTest/test.css<b></b><frame>MS|;yTvb=DyYx=lZ5?NTu=.N@mwsqT!v:=zew_XR7O8YY1o%1=$Oqh=2%a|{M?e/q6]/0VH?s,l4wf!00M7BMNP+j*T?E:POnu? yKL8[Y_nlz+u%QSJB9<csaction>><bdi>w!7RF+P3o}#/~=5hL{2dypxHnV4|@}.jSm@IQ-Ia*i[^/cip/.PKGEX|`bu6+/2RG6}m_*iFTeK~5iI/Zvl.*~32e(_$L#f|1UEh~[Oc_Ej;5Ff:#-?/*W=SLD,kda-7.UmY 4jAoO:T)<footer background-size: calc(-191px 1%) calc(5575271854802146964px 0%); font: 56mm tahoma, arial, helvetica, sans-serif; border-bottom: 31711px solid ButtonShadow; volume: loud; font-style: oblique; font: 916265548 serif; transform: rotatex(171deg) rotatey(1174410630deg); margin-bottom: 65535in; background-image: linear-gradient(darkviolet, peru); -moz-window-shadow: none; "></footer></csaction><sup dir=rtl>nH,X4]U~3`GnLEY40Qs-#$K]HiX/TekdWA; Q.IGJJwTi%sB^TF^_MFf%3q; wo#]Jy[t8hywiU`ev+8no:+1!Vo?A1tbO{A$iee~-@3Xmt?jzISs1u]B!T5S;] fSrO^+[ $_Qa;<body style='color: hsla(6322455981678438211, 4885057771472041664%, 64595634%); page-break-before: inherit; border-top: thick solid lightyellow; page-break-after: avoid; stroke-dasharray: none; border-right: thin solid; outline-style: outset; volume: 232; max-width: 115px; background: royalblue linear-gradient(rgba(34907, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 4705143634018575181, 134.650893313) 196%, rgba(98, 0, 21, 93) 5835518181644000612%); border-bottom-style: double; background-color: -moz-mac-secondaryhighlight; border-bottom-style: solid; content: "Before"; azimuth: center; '>
 </ul> style='text-align-last: left; -webkit-appearance: textfield; color: rgb(-905311699%, 114, 57742); padding: 21.8234098837em 9.99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em 9.51366390673em 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999em; border-color: rgba(202, 9223372036854775808, -127, 4.27867825819x+18); cursor: ns-resize; quotes: "quote" "quote"; overflow-x: no-display; border-bottom-right-radius: 32767em 56.2654742136em; box-shadow: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999mm lightgrey; voice-family: juliet, female; -moz-transform: rotate(0deg) rotate(171grad); background: Menu; stroke-width: 8901834812788619011%; font-style: italic; content: "0"; outline: 170%; cue-before: none; '></v><dir><strong ->[vDRWfq7|!j5~J^5eQL.?J5VYFl{Vgied3%-fH^bH6?O 4mTi#]%o1xFl.O5hoZ3B;ZRx;1$T2,mgbh5dOeQ*m01547dC1/0V#Y.~WW$ragJ0n!EvBkg8Uegi+]ou1j/^QO*femQC2O!P!j,M5Vk@.-`g`$$+f+^ VP~G{1U</mi><noscript></noscript><rdf>Z[kyp(Mt0@4F~xj@v b=,K#nikG!cNac%qU(O/iUs62cwzV#,6jC[!1y5,PBNr@,Gh~Yn43l1B}p1KEh$m|bn}saNpLjZaspCwM4}XA?CWl)%V]lmIORhh y}o(CHz*vog3iSJ#On-w65NZ=}?5lh/x;xgps-#FD6l,MuASFyd$r.}x6;:v0iM4-S`El`hX%x</rdf><sub></sub><textarea>Fi~{@7J{EVzWdri*Uy+C2nP=gmz.Y;Wvp*:F]]VIVMqdJM=oU,.`Veo:L_x~1u`*f2(!*SGS*!Tsm+VYIeWA^CD10rrxyeMbNhM:SL-}Zf*A4Lf= 81Ka{/gieIN3Ru?#*Sl@~tYe]D.~pEm=s.=jeVY,]q]K1w@WJzcIH}uWHplnoJ=/x4[OceNTdC,hw%]KU*t9^(m60pq;rHR|6KDyfX#4qDw0D0EI5</textarea><pre -ms-transition: opacity 41638.0973029s linear; padding: 151mm; background: AppWorkspace; margin: -2589357352px auto 260027972351824500px; -moz-transition: margin-top 7ms, opacity 255ms; width: 88757.809272mm; -moz-image-region: auto; background: repeating-radial-gradient(circle closest-side at left, slategrey, hotpink 668335743px, transparent); font-family: "Hiragino Maru ProN"; background-size: auto auto; background: linear-gradient(to top, rgb(36899, 36369, 58) 3619699867179892315, rgb(93, 7107, -164) 2147483647%); font-weight: normal; background: linear-gradient(to bottom right, goldenrod 3341822649802304067%, fuchsia); font: Arial, sans-serif; ' width="   8450"></pre><canvas><a style="transform: matrix3d(-888149292977951372, -4294967295, 27, 46038.5436074, 41, 0, 3120975808, -8411753657436384653, -3691848127, 65535, 105, 108, -8074044328726059853, 186, 3139816390, 6364158256925537388); left: calc(22px); font: bold italic large Palatino, serif; text-indent: calc(9223372036854775808em 30%); margin: auto; padding-bottom: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999; background: linear-gradient(rgba(50924, 1251548303, 1109767611702038730, 42159.1644524), rgba(55, 2591341078, 10, 143) 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999%, rgba(43, 246, 149, 1.28599451055x+18) 58741%, rgba(-69, 8229554636392401175, 33463, 67.9323179507)); border-top: -67.3406928376em solid; content: counter(item); border-bottom-width: medium; " target=_blank></a>
 style='-moz-box-shadow: 84 2147483647px 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px rgba(-2858581034, 110, 2460321770, 164.188187767), inset 18 255px -2461791714 rgba(65, 2147483647, 118, 120365.670275); border-color: khaki rgb(9223372036854775808, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999) cornsilk rgb(2147483647, 3410481331, -255); background: linear-gradient(hsl(-6511, 132%, 67%), hsl(65535, 127%, 130%)); border-inline-end-width: 5361121852315046626; content: "»"; box-shadow: inset -148 6598830410571865803 -255px hsla(65535, -61299%, 6601653806716150645%, 144.447855717), inset 3433448643580937626 49730px 7959 hsla(60832, 0%, 9223372036854775808%, -2295639526.68); transform: translate3d(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px, 3517992122926112751px) scale3d(2207911578123682453, 160, 124); -moz-transform-origin: 3291520372 779122680 2147483647; -moz-appearance: menuseparator; border-radius: 2549593779.31px 2.00538639825x+18px 65px 28px; transform: translate(127px, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px) translate(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px, -176px); margin-left: 210.617676718em; border-inline-start: dotted lightgreen 37018px; word-spacing: 2174513215933018269ch; border-left: solid; columns: 64383 auto -3982463664em; -moz-transform: scale(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999); stroke-width: 3.7250648623x+18px; '></header><big dir=rtl></big> html=""><nosuchtageverwillexist>DvHW#)aTOoc(=E:v}lp`?)_zpj%f#fy$q~~w1,;%.rsdVNR9=AW8h#y**wpXSlY}R/L|vnxW7?EC`lK,4GcMz[9}{V#d+@d (`JUMD2gD:N1ci7Q#i_hR-p.,dM|s/D-bzFn@8g[.qr;+Kh!]tI3B?2xM;E,oW`GHsjqV>b(vf_HY9If%6.t7z2@ql6|L@SrsUoaG^AX{46e5^;p;8Pphf5f3_],qD)X!kizvdkcp8YtJZe!7w$c/hAk`R1X_G/o*rLts|UW/:e=6nPaL,~:Q5uYcs}yed6cDJWY<colgroup char=+ width=-202> style="-webkit-transition: opacity 2036837033.38s linear; overflow: clip; font-family: gill, sans-serif; padding: 63741750251293050 182px; background: ThreeDFace; background-size: -4085919400.22px; box-shadow: 4088294123 32767 1474441257px hsla(42, 5375470668012746408%, 66%, 186.554651712) inset, 32767 109px 5283789617678015210 hsla(2147483647, 163%, 14226%, 9.99999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999); border-width: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999px -170px 3284222322px 5.14851574865x+17px; box-shadow: inset 113 -0 -4px hsla(9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999, 35273%, 2245175778%, 47085.004822), inset 9223372036854775808 76px 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999 hsla(2375057167019052381, 4294967295%, 127%, 5.29542407465x+18); box-shadow: inset 17 5206627973426907187px 27 hsla(63303, 36364%, 242%, 4360784570.91), inset 18428 0px 138 hsla(-357953447, 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999%, 8058132474996186951%, 100.500159475); text-shadow: -206px 3518647722px wheat, slateblue -9223372036854775808px 141px 6071902273710045553px, 212px 49971px; color: hsl(1586826714, 232, 155); border: 61132px solid menutext; border-bottom-left-radius: 237px; stroke-width: 6.74219888253x+18; -o-flow-into: flowB; "><legend>>>>>>></wbr>>> id=content lang=ja style="display: none">

--- a/layout/generic/nsIFrame.h
+++ b/layout/generic/nsIFrame.h
@ -1485,9 +1485,6 @@ class nsIFrame : public nsQueryFrame {
   * aFrameSize is used as the basis for percentage widths and heights.
   * aBorderArea is used for the adjustment of radii that might be too
   * large.
-   * FIXME: In the long run, we can probably get away with only one of
-   * these, especially if we change the way we handle outline-radius (by
-   * removing it and inflating the border radius)
   *
   * Return whether any radii are nonzero.
   */
--- a/layout/painting/nsCSSRendering.cpp
+++ b/layout/painting/nsCSSRendering.cpp
@ -994,22 +994,15 @@ nsCSSRendering::CreateBorderRendererForNonThemedOutline(
  nscoord twipsRadii[8];

  // get the radius for our outline
-  if (StaticPrefs::layout_css_outline_follows_border_radius_enabled()) {
-    if (aForFrame->GetBorderRadii(twipsRadii)) {
-      RectCornerRadii innerRadii;
-      ComputePixelRadii(twipsRadii, oneDevPixel, &innerRadii);
+  if (aForFrame->GetBorderRadii(twipsRadii)) {
+    RectCornerRadii innerRadii;
+    ComputePixelRadii(twipsRadii, oneDevPixel, &innerRadii);

-      Float devPixelOffset = aPresContext->AppUnitsToFloatDevPixels(offset);
-      const Float widths[4] = {
-          outlineWidths[0] + devPixelOffset, outlineWidths[1] + devPixelOffset,
-          outlineWidths[2] + devPixelOffset, outlineWidths[3] + devPixelOffset};
-      nsCSSBorderRenderer::ComputeOuterRadii(innerRadii, widths, &outlineRadii);
-    }
-  } else {
-    nsIFrame::ComputeBorderRadii(ourOutline->mOutlineRadius,
-                                 aForFrame->GetSize(), outerRect.Size(),
-                                 Sides(), twipsRadii);
-    ComputePixelRadii(twipsRadii, oneDevPixel, &outlineRadii);
+    Float devPixelOffset = aPresContext->AppUnitsToFloatDevPixels(offset);
+    const Float widths[4] = {
+        outlineWidths[0] + devPixelOffset, outlineWidths[1] + devPixelOffset,
+        outlineWidths[2] + devPixelOffset, outlineWidths[3] + devPixelOffset};
+    nsCSSBorderRenderer::ComputeOuterRadii(innerRadii, widths, &outlineRadii);
  }

  StyleBorderStyle outlineStyles[4] = {outlineStyle, outlineStyle, outlineStyle,
--- a/layout/painting/nsDisplayList.cpp
+++ b/layout/painting/nsDisplayList.cpp
@ -4937,10 +4937,7 @@ bool nsDisplayOutline::CreateWebRenderCommands(
 }

 bool nsDisplayOutline::HasRadius() const {
-  const auto& radius =
-      StaticPrefs::layout_css_outline_follows_border_radius_enabled()
-          ? mFrame->StyleBorder()->mBorderRadius
-          : mFrame->StyleOutline()->mOutlineRadius;
+  const auto& radius = mFrame->StyleBorder()->mBorderRadius;
  return !nsLayoutUtils::HasNonZeroCorner(radius);
 }

--- a/layout/reftests/border-radius/outline-circle.html
+++ b/layout/reftests/border-radius/outline-circle.html
@ -4,7 +4,6 @@
 <style>
 div { width: 50px; height: 50px;
      outline: 2px solid black; 
-      -moz-outline-radius: 10px;
      border-radius: 10px;
 }
 </style>
--- a/layout/reftests/border-radius/outline-ellips.html
+++ b/layout/reftests/border-radius/outline-ellips.html
@ -4,7 +4,6 @@
 <style>
 div { width: 50px; height: 50px;
      outline: 2px solid black; 
-      -moz-outline-radius: 10px / 20px;
      border-radius: 10px / 20px;
 }
 </style>
--- a/layout/reftests/box-properties/outline-radius-percent-1-ref.html
+++ b/layout/reftests/box-properties/outline-radius-percent-1-ref.html
@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <style>
-      div {
-        outline-width: 10px; outline-style: solid;
-        width: 400px; height: 50px;
-        margin: 20px 0;
-        border-style: solid; border-color: transparent; border-width: 0;
-        padding: 0;
-      }
-    </style>
-  </head>
-  <body>
-    <div style="-moz-outline-radius: 20px / 2.5px;"></div>
-    <div style="-moz-outline-radius: 40px / 5px;"></div>
-    <div style="-moz-outline-radius: 80px / 10px;"></div>
-    <div style="padding: 0 100px; -moz-outline-radius: 60px / 5px;"></div>
-    <div style="padding: 0 100px 0 0; -moz-outline-radius: 50px / 5px;"></div>
-    <div style="padding: 0 0 0 100px; -moz-outline-radius: 50px / 5px;"></div>
-    <div style="border-width: 0 100px; -moz-outline-radius: 60px / 5px;"></div>
-    <div style="border-width: 0 100px 0 0; -moz-outline-radius: 50px / 5px;"></div>
-    <div style="border-width: 0 0 0 100px; -moz-outline-radius: 50px / 5px;"></div>
-    <div style="border-width: 0 100px; padding: 0 100px;
-                -moz-outline-radius: 80px / 5px;"></div>
-  </body>
-</html>
--- a/layout/reftests/box-properties/outline-radius-percent-1.html
+++ b/layout/reftests/box-properties/outline-radius-percent-1.html
@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html>
-  <head>
-    <style>
-      div {
-        outline-width: 10px; outline-style: solid;
-        width: 400px; height: 50px;
-        margin: 20px 0;
-        border-style: solid; border-color: transparent; border-width: 0;
-        padding: 0;
-      }
-    </style>
-  </head>
-  <body>
-    <div style="-moz-outline-radius: 5%;"></div>
-    <div style="-moz-outline-radius: 10%;"></div>
-    <div style="-moz-outline-radius: 20%;"></div>
-    <div style="padding: 0 100px; -moz-outline-radius: 10%;"></div>
-    <div style="padding: 0 100px 0 0; -moz-outline-radius: 10%;"></div>
-    <div style="padding: 0 0 0 100px; -moz-outline-radius: 10%;"></div>
-    <div style="border-width: 0 100px; -moz-outline-radius: 10%;"></div>
-    <div style="border-width: 0 100px 0 0; -moz-outline-radius: 10%;"></div>
-    <div style="border-width: 0 0 0 100px; -moz-outline-radius: 10%;"></div>
-    <div style="border-width: 0 100px; padding: 0 100px;
-                -moz-outline-radius: 10%;"></div>
-  </body>
-</html>
--- a/layout/reftests/box-properties/reftest.list
+++ b/layout/reftests/box-properties/reftest.list
@ -1,4 +1,3 @@
-== outline-radius-percent-1.html outline-radius-percent-1-ref.html
 == min-width-1.html min-width-1-ref.html
 == min-height-1.html min-height-1-ref.html
 == max-width-1.html max-width-1-ref.html
--- a/layout/reftests/box-shadow/611574-2-ref.html
+++ b/layout/reftests/box-shadow/611574-2-ref.html
@ -2,7 +2,7 @@
 <html>
 <head><style>
 button,span,fieldset { border-radius: 7px 3px;  background-color: #0F0; }
-button { border: none; outline: 3px solid black; -moz-outline-radius: 7px 3px; outline-offset: -2px; }
+button { border: none; outline: 3px solid black; outline-offset: -2px; }
 </style></head>
 <body style="margin:30px">
 <div style="column-count:3">
--- a/layout/reftests/box-shadow/611574-2.html
+++ b/layout/reftests/box-shadow/611574-2.html
@ -2,7 +2,7 @@
 <html>
 <head><style>
 button,span,fieldset { border-radius: 7px 3px;  background-color: #0F0; }
-button { border: none; outline: 3px solid black; -moz-outline-radius: 7px 3px; outline-offset: -2px; }
+button { border: none; outline: 3px solid black; outline-offset: -2px; }
 </style></head>
 <body style="margin:30px">
 <div style="column-count:3">
--- a/layout/reftests/bugs/421632-1-ref.html
+++ b/layout/reftests/bugs/421632-1-ref.html
@ -16,12 +16,10 @@ tr {

 .t2 tr {
 outline: 1px solid gray;
- -moz-outline-radius: .3em;
 }

 .t1 tr {
 outline: 1px solid red;
- -moz-outline-radius: .3em;
 }

 </style>
--- a/layout/reftests/bugs/421632-1.html
+++ b/layout/reftests/bugs/421632-1.html
@ -16,12 +16,10 @@ tr {

 .t2 tr {
 outline: 1px solid gray;
- -moz-outline-radius: .3em;
 }

 .t1 tr {
 outline: 1px solid red;
- -moz-outline-radius: .3em;
 }

 </style>
--- a/layout/style/GlobalStyleSheetCache.cpp
+++ b/layout/style/GlobalStyleSheetCache.cpp
@ -631,15 +631,10 @@ void GlobalStyleSheetCache::BuildPreferenceSheet(
    }

    sheetText.AppendPrintf(
-        "%s { outline: %dpx %s !important; %s}\n",
+        "%s { outline: %dpx %s !important; }\n",
        focusRingOnAnything ? ":focus" : "*|*:link:focus, *|*:visited:focus",
        focusRingWidth,
-        focusRingStyle == 0 ?  // solid
-            "solid -moz-mac-focusring"
-                            : "dotted WindowText",
-        focusRingStyle == 0 ?  // solid
-            "-moz-outline-radius: 3px; outline-offset: 1px; "
-                            : "");
+        focusRingStyle == 0 ? "solid -moz-mac-focusring" : "dotted WindowText");
  }

  if (aPrefs.mUseFocusColors) {
--- a/layout/style/crashtests/1401692.html
+++ b/layout/style/crashtests/1401692.html
@ -1,14 +0,0 @@
-<html>
-  <head>
-    <style></style>
-    <script>
-      try {
-        document.styleSheets[0].insertRule(
-          "t{-moz-outline-radius-topright:calc(9px)!important", 0);
-      } catch(e) {
-      }
-
-      SpecialPowers.getMemoryReports();
-    </script>
-  </head>
-</html>
--- a/layout/style/crashtests/crashtests.list
+++ b/layout/style/crashtests/crashtests.list
@ -241,7 +241,6 @@ load 1400926.html
 load 1400936-1.html
 load 1400936-2.html
 pref(dom.animations-api.implicit-keyframes.enabled,true) load 1401256.html
-load 1401692.html
 load 1401706.html
 load 1401801.html
 load 1401825.html
--- a/layout/style/nsStyleStruct.cpp
+++ b/layout/style/nsStyleStruct.cpp
@ -535,8 +535,7 @@ nsChangeHint nsStyleBorder::CalcDifference(
 }

 nsStyleOutline::nsStyleOutline(const Document& aDocument)
-    : mOutlineRadius(ZeroBorderRadius()),
-      mOutlineWidth(kMediumBorderWidth),
+    : mOutlineWidth(kMediumBorderWidth),
      mOutlineOffset({0.0f}),
      mOutlineColor(StyleColor::CurrentColor()),
      mOutlineStyle(StyleOutlineStyle::BorderStyle(StyleBorderStyle::None)),
@ -546,8 +545,7 @@ nsStyleOutline::nsStyleOutline(const Document& aDocument)
 }

 nsStyleOutline::nsStyleOutline(const nsStyleOutline& aSrc)
-    : mOutlineRadius(aSrc.mOutlineRadius),
-      mOutlineWidth(aSrc.mOutlineWidth),
+    : mOutlineWidth(aSrc.mOutlineWidth),
      mOutlineOffset(aSrc.mOutlineOffset),
      mOutlineColor(aSrc.mOutlineColor),
      mOutlineStyle(aSrc.mOutlineStyle),
@ -565,8 +563,7 @@ nsChangeHint nsStyleOutline::CalcDifference(
  }

  if (mOutlineStyle != aNewData.mOutlineStyle ||
-      mOutlineColor != aNewData.mOutlineColor ||
-      mOutlineRadius != aNewData.mOutlineRadius) {
+      mOutlineColor != aNewData.mOutlineColor) {
    if (mActualOutlineWidth > 0) {
      return nsChangeHint_RepaintFrame;
    }
--- a/layout/style/nsStyleStruct.h
+++ b/layout/style/nsStyleStruct.h
@ -622,8 +622,6 @@ struct MOZ_NEEDS_MEMMOVABLE_MEMBERS nsStyleOutline {

  nsChangeHint CalcDifference(const nsStyleOutline& aNewData) const;

-  mozilla::StyleBorderRadius mOutlineRadius;
-
  // This is the specified value of outline-width, but with length values
  // computed to absolute.  mActualOutlineWidth stores the outline-width
  // value used by layout.  (We must store mOutlineWidth for the same
--- a/layout/style/test/property_database.js
+++ b/layout/style/test/property_database.js
@ -13459,121 +13459,6 @@ if (IsCSSPropertyPrefEnabled("layout.css.color-mix.enabled")) {
  );
 }

-if (IsCSSPropertyPrefEnabled("layout.css.moz-outline-radius.enabled")) {
-  gCSSProperties["-moz-outline-radius"] = {
-    domProp: "MozOutlineRadius",
-    inherited: false,
-    type: CSS_TYPE_TRUE_SHORTHAND,
-    prerequisites: { width: "200px", height: "100px", display: "inline-block" },
-    subproperties: [
-      "-moz-outline-radius-bottomleft",
-      "-moz-outline-radius-bottomright",
-      "-moz-outline-radius-topleft",
-      "-moz-outline-radius-topright",
-    ],
-    initial_values: [
-      "0",
-      "0px",
-      "calc(-2px)",
-      "calc(0px) calc(0pt)",
-      "calc(0px) calc(0em)",
-    ],
-    other_values: [
-      "0%",
-      "3%",
-      "1px",
-      "2em",
-      "3em 2px",
-      "2pt 3% 4em",
-      "2px 2px 2px 2px", // circular
-      "3% / 2%",
-      "1px / 4px",
-      "2em / 1em",
-      "3em 2px / 2px 3em",
-      "2pt 3% 4em / 4pt 1% 5em",
-      "2px 2px 2px 2px / 4px 4px 4px 4px",
-      "1pt / 2pt 3pt",
-      "4pt 5pt / 3pt", // elliptical
-      "calc(-1%)",
-      "calc(2px)",
-      "calc(50%)",
-      "calc(3*25px)",
-      "calc(3*25px) 5px",
-      "5px calc(3*25px)",
-      "calc(20%) calc(3*25px)",
-      "calc(25px*3)",
-      "calc(3*25px + 50%)",
-      "2px 2px calc(2px + 1%) 2px",
-      "1px 2px 2px 2px / 2px 2px calc(2px + 1%) 2px",
-    ],
-    invalid_values: [
-      "2px -2px",
-      "inherit 2px",
-      "inherit / 2px",
-      "2px inherit",
-      "2px / inherit",
-      "2px 2px 2px 2px 2px",
-      "1px / 2px 2px 2px 2px 2px",
-      "2",
-      "2 2",
-      "2px 2px 2px 2px / 2px 2px 2 2px",
-      "unset 2px",
-      "unset / 2px",
-      "2px unset",
-      "2px / unset",
-    ],
-  };
-  for (let corner of ["bottomleft", "bottomright", "topleft", "topright"]) {
-    gCSSProperties["-moz-outline-radius-" + corner] = {
-      domProp:
-        "MozOutlineRadius" +
-        {
-          bottomleft: "Bottomleft",
-          bottomright: "Bottomright",
-          topleft: "Topleft",
-          topright: "Topright",
-        }[corner],
-      inherited: false,
-      type: CSS_TYPE_LONGHAND,
-      prerequisites: {
-        width: "200px",
-        height: "100px",
-        display: "inline-block",
-      },
-      initial_values: ["0", "0px", "calc(-2px)", "calc(0px)"],
-      other_values: [
-        "0%",
-        "3%",
-        "1px",
-        "2em", // circular
-        "3% 2%",
-        "1px 4px",
-        "2em 2pt", // elliptical
-        "calc(-1%)",
-        "calc(2px)",
-        "calc(50%)",
-        "calc(3*25px)",
-        "calc(3*25px) 5px",
-        "5px calc(3*25px)",
-        "calc(20%) calc(3*25px)",
-        "calc(25px*3)",
-        "calc(3*25px + 50%)",
-      ],
-      invalid_values: [
-        "-1px",
-        "4px -2px",
-        "inherit 2px",
-        "2px inherit",
-        "2",
-        "2px 2",
-        "2 2px",
-        "unset 2px",
-        "2px unset",
-      ],
-    };
-  }
-}
-
 // Copy aliased properties' fields from their alias targets. Keep this logic
 // at the bottom of this file to ensure all the aliased properties are
 // processed.
--- a/layout/style/test/test_bug1292447.html
+++ b/layout/style/test/test_bug1292447.html
@ -148,8 +148,6 @@

  <div id="radius1" style="border-radius: 80px"></div>
  <div id="radius2" style="border-radius: 20% / 20%"></div>
-  <div id="outlineradius1" style="-moz-outline-radius: 160px"></div>
-  <div id="outlineradius2" style="-moz-outline-radius: 20% / 20%"></div>
 </div>
 <div id="content2" style="display: none">
  <div id="indent3" style="text-indent: 400px"></div>
@ -195,8 +193,6 @@

  <div id="radius3" style="border-radius: 80px"></div>
  <div id="radius4" style="border-radius: 20%"></div>
-  <div id="outlineradius3" style="-moz-outline-radius: 160px"></div>
-  <div id="outlineradius4" style="-moz-outline-radius: 20%"></div>
 </div>
 <pre id="test">
 <script class="testbody" type="text/javascript">
@ -207,10 +203,6 @@ document.body.offsetWidth;

 doATest("text-indent", "indent", 400, 50);
 doATest("border-top-left-radius", "radius", 80, 20);
-if (CSS.supports("-moz-outline-radius: initial")) {
-  doATest("-moz-outline-radius-topleft", "outlineradius", 160, 20);
-}
-

 doATest("width", "widthheight-", 440, 0, true);
 doATest("height", "widthheight-", 0, 0, true);
--- a/layout/style/test/test_computed_style.html
+++ b/layout/style/test/test_computed_style.html
@ -20,21 +20,13 @@ var frame_container = document.getElementById("display");
 var noframe_container = document.getElementById("content");

 (function test_bug_595650() {
-  // Test handling of horizontal and vertical percentages for border-radius
-  // and -moz-outline-radius.
+  // Test handling of horizontal and vertical percentages for border-radius.
  var p = document.createElement("p");
-  const supportsOutlineRadius = CSS.supports('-moz-outline-radius: initial');
  p.setAttribute("style", "width: 256px; height: 128px");
  p.style.borderTopLeftRadius = "1.5625%"; /* 1/64 == 4px 2px */
  p.style.borderTopRightRadius = "5px";
  p.style.borderBottomRightRadius = "5px 3px";
  p.style.borderBottomLeftRadius = "1.5625% 3.125%" /* 1/64 1/32 == 4px 4px */
-  if (supportsOutlineRadius) {
-    p.style.MozOutlineRadiusTopleft = "1.5625%"; /* 1/64 == 4px 2px */
-    p.style.MozOutlineRadiusTopright = "5px";
-    p.style.MozOutlineRadiusBottomright = "5px 3px";
-    p.style.MozOutlineRadiusBottomleft = "1.5625% 3.125%" /* 1/64 1/32 == 4px 4px */
-  }
  var cs = getComputedStyle(p, "");

  frame_container.appendChild(p);
@ -46,16 +38,6 @@ var noframe_container = document.getElementById("content");
     "computed value of px border-radius, with frame");
  is(cs.borderBottomLeftRadius, "1.5625% 3.125%",
     "computed value of % border-radius, with frame");
-  if (supportsOutlineRadius) {
-    is(cs.MozOutlineRadiusTopleft, "1.5625%",
-       "computed value of % outline-radius, with frame");
-    is(cs.MozOutlineRadiusTopright, "5px",
-       "computed value of px outline-radius, with frame");
-    is(cs.MozOutlineRadiusBottomright, "5px 3px",
-       "computed value of px outline-radius, with frame");
-    is(cs.MozOutlineRadiusBottomleft, "1.5625% 3.125%",
-       "computed value of % outline-radius, with frame");
-  }

  noframe_container.appendChild(p);
  is(cs.borderTopLeftRadius, "1.5625%",
@ -66,16 +48,6 @@ var noframe_container = document.getElementById("content");
     "computed value of px border-radius, without frame");
  is(cs.borderBottomLeftRadius, "1.5625% 3.125%",
     "computed value of % border-radius, without frame");
-  if (supportsOutlineRadius) {
-    is(cs.MozOutlineRadiusTopleft, "1.5625%",
-       "computed value of % outline-radius, without frame");
-    is(cs.MozOutlineRadiusTopright, "5px",
-       "computed value of px outline-radius, without frame");
-    is(cs.MozOutlineRadiusBottomright, "5px 3px",
-       "computed value of px outline-radius, without frame");
-    is(cs.MozOutlineRadiusBottomleft, "1.5625% 3.125%",
-       "computed value of % outline-radius, without frame");
-  }

  p.remove();
 })();
--- a/layout/style/test/test_transitions_per_property.html
+++ b/layout/style/test/test_transitions_per_property.html
@ -356,12 +356,6 @@ if (IsCSSPropertyPrefEnabled("layout.css.backdrop-filter.enabled") && IsWebRende
  supported_properties["backdrop-filter"] = [ test_filter_transition ];
 }

-if (IsCSSPropertyPrefEnabled("layout.css.moz-outline-radius.enabled")) {
-  for (let corner of ["bottomleft", "bottomright", "topleft", "topright"]) {
-    supported_properties["-moz-outline-radius-" + corner] = [ test_radius_transition ];
-  }
-}
-
 if (IsCSSPropertyPrefEnabled("layout.css.motion-path.enabled")) {
  supported_properties["offset-path"] = [ test_path_function ];
  supported_properties["offset-distance"] =
--- a/modules/libpref/init/StaticPrefList.yaml
+++ b/modules/libpref/init/StaticPrefList.yaml
@ -6729,13 +6729,6 @@
  mirror: always
  rust: true

-# Whether the `-moz-outline-radius` pseudo-class is exposed to content.
- name: layout.css.moz-outline-radius.enabled
-  type: RelaxedAtomicBool
-  value: false
-  mirror: always
-  rust: true
-
 # Whether the `-moz-control-character-visibility` property is exposed to
 # content.
 #
@ -7414,12 +7407,6 @@
  value: true
  mirror: always

-# Whether outline should follow the border radius.
- name: layout.css.outline-follows-border-radius.enabled
-  type: bool
-  value: true
-  mirror: always
-
 # Pref to control enabling scroll anchoring.
 - name: layout.css.scroll-anchoring.enabled
  type: bool
--- a/servo/components/style/properties/gecko.mako.rs
+++ b/servo/components/style/properties/gecko.mako.rs
@ -799,11 +799,8 @@ fn static_assert() {
    ${impl_simple_type_with_conversion("masonry_auto_flow", "mMasonryAutoFlow")}
 </%self:impl_trait>

-<% skip_outline_longhands = " ".join("outline-style outline-width".split() +
-                                     ["-moz-outline-radius-{0}".format(x.replace("_", ""))
-                                      for x in CORNERS]) %>
 <%self:impl_trait style_struct_name="Outline"
-                  skip_longhands="${skip_outline_longhands}">
+                  skip_longhands="outline-style outline-width">

    pub fn set_outline_style(&mut self, v: longhands::outline_style::computed_value::T) {
        self.gecko.mOutlineStyle = v;
@ -831,12 +828,6 @@ fn static_assert() {
                                inherit_from="mOutlineWidth",
                                round_to_pixels=True) %>

-    % for corner in CORNERS:
-    <% impl_corner_style_coord("_moz_outline_radius_%s" % corner.replace("_", ""),
-                               "mOutlineRadius",
-                               corner) %>
-    % endfor
-
    pub fn outline_has_nonzero_width(&self) -> bool {
        self.gecko.mActualOutlineWidth != 0
    }
--- a/servo/components/style/properties/longhands/outline.mako.rs
+++ b/servo/components/style/properties/longhands/outline.mako.rs
@ -44,20 +44,6 @@ ${helpers.predefined_type(
    spec="https://drafts.csswg.org/css-ui/#propdef-outline-width",
 )}

-// The -moz-outline-radius-* properties are non-standard and not on a standards track.
-% for corner in ["topleft", "topright", "bottomright", "bottomleft"]:
-    ${helpers.predefined_type(
-        "-moz-outline-radius-" + corner,
-        "BorderCornerRadius",
-        "computed::BorderCornerRadius::zero()",
-        engines="gecko",
-        boxed=True,
-        animation_value_type="BorderCornerRadius",
-        gecko_pref="layout.css.moz-outline-radius.enabled",
-        spec="Nonstandard (https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-outline-radius)",
-    )}
-% endfor
-
 ${helpers.predefined_type(
    "outline-offset",
    "Length",
--- a/servo/components/style/properties/shorthands/outline.mako.rs
+++ b/servo/components/style/properties/shorthands/outline.mako.rs
@ -57,50 +57,3 @@
        }
    }
 </%helpers:shorthand>
-
-// The -moz-outline-radius shorthand is non-standard and not on a standards track.
-<%helpers:shorthand
-    name="-moz-outline-radius"
-    engines="gecko"
-    gecko_pref="layout.css.moz-outline-radius.enabled"
-    sub_properties="${' '.join(
-        '-moz-outline-radius-%s' % corner
-        for corner in ['topleft', 'topright', 'bottomright', 'bottomleft']
-    )}"
-    spec="Nonstandard (https://developer.mozilla.org/en-US/docs/Web/CSS/-moz-outline-radius)"
->
-    use crate::values::generics::rect::Rect;
-    use crate::values::specified::border::BorderRadius;
-    use crate::parser::Parse;
-
-    pub fn parse_value<'i, 't>(
-        context: &ParserContext,
-        input: &mut Parser<'i, 't>,
-    ) -> Result<Longhands, ParseError<'i>> {
-        let radii = BorderRadius::parse(context, input)?;
-        Ok(expanded! {
-            _moz_outline_radius_topleft: radii.top_left,
-            _moz_outline_radius_topright: radii.top_right,
-            _moz_outline_radius_bottomright: radii.bottom_right,
-            _moz_outline_radius_bottomleft: radii.bottom_left,
-        })
-    }
-
-    impl<'a> ToCss for LonghandsToSerialize<'a>  {
-        fn to_css<W>(&self, dest: &mut CssWriter<W>) -> fmt::Result where W: fmt::Write {
-            use crate::values::generics::border::BorderCornerRadius;
-
-            let LonghandsToSerialize {
-                _moz_outline_radius_topleft: &BorderCornerRadius(ref tl),
-                _moz_outline_radius_topright: &BorderCornerRadius(ref tr),
-                _moz_outline_radius_bottomright: &BorderCornerRadius(ref br),
-                _moz_outline_radius_bottomleft: &BorderCornerRadius(ref bl),
-            } = *self;
-
-            let widths = Rect::new(tl.width(), tr.width(), br.width(), bl.width());
-            let heights = Rect::new(tl.height(), tr.height(), br.height(), bl.height());
-
-            BorderRadius::serialize_rects(widths, heights, dest)
-        }
-    }
-</%helpers:shorthand>
--- a/servo/components/style/values/generics/border.rs
+++ b/servo/components/style/values/generics/border.rs
@ -147,7 +147,7 @@ impl<L> BorderSpacing<L> {
    }
 }

-/// A generic value for `border-radius`, `outline-radius` and `inset()`.
+/// A generic value for `border-radius` and `inset()`.
 ///
 /// <https://drafts.csswg.org/css-backgrounds-3/#border-radius>
 #[derive(
--- a/testing/web-platform/tests/css/css-conditional/js/CSS-supports-CSSStyleDeclaration.html
+++ b/testing/web-platform/tests/css/css-conditional/js/CSS-supports-CSSStyleDeclaration.html
@ -77,11 +77,6 @@ const properties = [
  "-moz-margin-start",
  "-moz-orient",
  "-moz-osx-font-smoothing",
-  "-moz-outline-radius",
-  "-moz-outline-radius-bottomleft",
-  "-moz-outline-radius-bottomright",
-  "-moz-outline-radius-topleft",
-  "-moz-outline-radius-topright",
  "-moz-padding-end",
  "-moz-padding-start",
  "-moz-perspective",