text fields always display placeholders

2026-02-23 19:50:01 +01:00 · 2021-11-11 18:15:01 +11:00
parent 2e9e837b5d
commit 815323a567
1 changed files with 8 additions and 0 deletions
--- a/src/theme/components.tsx
+++ b/src/theme/components.tsx
@@ -318,6 +318,14 @@ export const components = (theme: Theme): ThemeOptions => {
            paddingTop: theme.spacing(1.5),
            paddingBottom: theme.spacing(13 / 8),
            height: toRem(23),
+
+            ".MuiInputBase-root .MuiFilledInput-input.MuiInputBase-input&::placeholder":
+              {
+                // https://github.com/mui-org/material-ui/blob/master/packages/mui-material/src/InputBase/InputBase.js#L136
+                opacity: `${
+                  theme.palette.mode === "light" ? 0.42 : 0.5
+                } !important`,
+              },
          },
          inputSizeSmall: {
            padding: theme.spacing(0.75, 1.5),