From 9ebeb7f12fb7bcf37d2241c28c71d21300631db8 Mon Sep 17 00:00:00 2001
From: nimbleghost <132819643+nimbleghost@users.noreply.github.com>
Date: Wed, 24 May 2023 21:08:33 +0200
Subject: [PATCH] Fix mui inputProps

---
 web/src/components/EmojiPicker.jsx   | 8 +++++---
 web/src/components/PublishDialog.jsx | 7 +++++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/web/src/components/EmojiPicker.jsx b/web/src/components/EmojiPicker.jsx
index da8d436..e582a9b 100644
--- a/web/src/components/EmojiPicker.jsx
+++ b/web/src/components/EmojiPicker.jsx
@@ -76,9 +76,11 @@ const EmojiPicker = (props) => {
                 variant="standard"
                 fullWidth
                 sx={{ marginTop: 0, marginBottom: "12px", paddingRight: 2 }}
-                inputProps={{
-                  role: "searchbox",
-                  "aria-label": t("emoji_picker_search_placeholder"),
+                InputProps={{
+                  inputProps: {
+                    role: "searchbox",
+                    "aria-label": t("emoji_picker_search_placeholder"),
+                  },
                   endAdornment: (
                     <InputAdornment position="end" sx={{ display: search ? "" : "none" }}>
                       <IconButton size="small" onClick={handleSearchClear} edge="end" aria-label={t("emoji_picker_search_clear")}>
diff --git a/web/src/components/PublishDialog.jsx b/web/src/components/PublishDialog.jsx
index 6a89aef..553f9af 100644
--- a/web/src/components/PublishDialog.jsx
+++ b/web/src/components/PublishDialog.jsx
@@ -824,8 +824,11 @@ const ExpandingTextField = (props) => {
         variant="standard"
         sx={{ width: `${textWidth}px`, borderBottom: "none" }}
         InputProps={{
-          style: { fontSize: theme.typography[props.variant].fontSize, paddingBottom: 0, paddingTop: 0 },
-          "aria-label": props.placeholder,
+          style: { fontSize: theme.typography[props.variant].fontSize },
+          inputProps: {
+            style: { paddingBottom: 0, paddingTop: 0 },
+            "aria-label": props.placeholder,
+          },
         }}
         disabled={props.disabled}
       />