Add :empty to .custom-file-control selector (#22176)

<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control"></span></label>
VS
<label class="custom-file"><input type="file" class="custom-file-input" /><span class="custom-file-control">test.txt</span></label>

diff --git a/scss/_custom-forms.scss b/scss/_custom-forms.scss
index da40d7c508f144ef70fcdff81447a6d5ef2ed511..d303c48d0b0b52407f41b0234b6863db527ca449 100644 (file)
--- a/scss/_custom-forms.scss
+++ b/scss/_custom-forms.scss
@@ -229,7 +229,7 @@
   @include box-shadow($custom-file-box-shadow);
 
   @each $lang, $text in map-get($custom-file-text, placeholder) {
-    &:lang(#{$lang})::after {
+    &:lang(#{$lang}):empty::after {
       content: $text;
     }
   }