[core] fix: improve contrast for disabled inputs in iOS (#5641)

Co-authored-by: Michal Duczynski <mduczynski@palantir.com>
palantir · Oct 5, 2022 · 66df5d6 · 66df5d6 · blueprint-bot · Oct 5, 2022
1 parent 9eeeeb8
commit 66df5d6
Showing 1 changed file with 17 additions and 0 deletions.
diff --git a/packages/core/src/components/forms/_input.scss b/packages/core/src/components/forms/_input.scss
@@ -58,6 +58,23 @@ Styleguide input
   }
 }
 
+// for iOS support
+@supports (-webkit-touch-callout: none) {
+  // only html input elements require a fix on iOS
+  input.#{$ns}-input {
+    &:disabled,
+    &.#{$ns}-disabled {
+      opacity: 1;
+      -webkit-text-fill-color: $input-color-disabled;
+
+      .#{$ns}-dark & {
+        -webkit-text-fill-color: $dark-input-color-disabled;
+      }
+    }
+  }
+}
+
+
 /*
 Search inputs