fix(fileuploader): reinstate @-moz-document for firefox-specific styles (#19305)

tay1orjones · web-flow · commit a98d8d0be433 · 2025-05-07T12:54:52.000Z
diff --git a/packages/styles/scss/components/file-uploader/_file-uploader.scss b/packages/styles/scss/components/file-uploader/_file-uploader.scss
@@ -189,15 +189,23 @@
       .#{$prefix}--file-filename-tooltip {
         inline-size: -webkit-fill-available;
         padding-inline-start: $spacing-05;
-        @document url-prefix() {
+
+        /* This is for targeting styles specific to firefox */
+        /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+        /* stylelint-disable-next-line at-rule-no-vendor-prefix */
+        @-moz-document url-prefix() {
           inline-size: -moz-available;
         }
       }
     }
 
     .#{$prefix}--file-filename-tooltip {
       inline-size: -webkit-fill-available;
-      @document url-prefix() {
+
+      /* This is for targeting styles specific to firefox */
+      /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+      /* stylelint-disable-next-line at-rule-no-vendor-prefix */
+      @-moz-document url-prefix() {
         inline-size: -moz-available;
       }
     }
@@ -217,7 +225,10 @@
       text-overflow: ellipsis;
       white-space: nowrap;
 
-      @document url-prefix() {
+      /* This is for targeting styles specific to firefox */
+      /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */
+      /* stylelint-disable-next-line at-rule-no-vendor-prefix */
+      @-moz-document url-prefix() {
         inline-size: -moz-available;
       }
     }

Original file line number	Diff line number	Diff line change
`@@ -189,15 +189,23 @@`
`189`	`189`	`.#{$prefix}--file-filename-tooltip {`
`190`	`190`	`inline-size: -webkit-fill-available;`
`191`	`191`	`padding-inline-start: $spacing-05;`
`192`		`- @document url-prefix() {`
	`192`	`+`
	`193`	`+ /* This is for targeting styles specific to firefox */`
	`194`	`+ /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */`
	`195`	`+ /* stylelint-disable-next-line at-rule-no-vendor-prefix */`
	`196`	`+ @-moz-document url-prefix() {`
`193`	`197`	`inline-size: -moz-available;`
`194`	`198`	`}`
`195`	`199`	`}`
`196`	`200`	`}`
`197`	`201`
`198`	`202`	`.#{$prefix}--file-filename-tooltip {`
`199`	`203`	`inline-size: -webkit-fill-available;`
`200`		`- @document url-prefix() {`
	`204`	`+`
	`205`	`+ /* This is for targeting styles specific to firefox */`
	`206`	`+ /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */`
	`207`	`+ /* stylelint-disable-next-line at-rule-no-vendor-prefix */`
	`208`	`+ @-moz-document url-prefix() {`
`201`	`209`	`inline-size: -moz-available;`
`202`	`210`	`}`
`203`	`211`	`}`
`@@ -217,7 +225,10 @@`
`217`	`225`	`text-overflow: ellipsis;`
`218`	`226`	`white-space: nowrap;`
`219`	`227`
`220`		`- @document url-prefix() {`
	`228`	`+ /* This is for targeting styles specific to firefox */`
	`229`	`+ /* https://sass-lang.com/documentation/breaking-changes/moz-document/ */`
	`230`	`+ /* stylelint-disable-next-line at-rule-no-vendor-prefix */`
	`231`	`+ @-moz-document url-prefix() {`
`221`	`232`	`inline-size: -moz-available;`
`222`	`233`	`}`
`223`	`234`	`}`