Set the color of placeholder in a disabled textbox to gray instead of black, and disable typing while a response is generating in gr.ChatInterface, allow gr.MultimodalTextbox to accept string values

.changeset/wet-memes-smash.md

@@ -0,0 +1,6 @@
+---
+"@gradio/textbox": patch
+"gradio": patch
+---
+
+fix:Set the color of placeholder in a disabled textbox to gray instead of black, and disable typing while a response is generating in `gr.ChatInterface`

gradio/chat_interface.py

@@ -29,7 +29,7 @@
 from gradio.components.multimodal_textbox import MultimodalData
 from gradio.events import Dependency, on
 from gradio.helpers import create_examples as Examples  # noqa: N812
-from gradio.helpers import special_args
+from gradio.helpers import special_args, update
 from gradio.layouts import Accordion, Group, Row
 from gradio.routes import Request
 from gradio.themes import ThemeClass as Theme
@@ -295,6 +295,12 @@ def _setup_events(self) -> None:
                     Literal["full", "minimal", "hidden"], self.show_progress
                 ),
             )
+            .then(
+                lambda: update(value=None, interactive=True, placeholder=""),
+                None,
+                self.textbox,
+                show_api=False,
+            )
         )
         self._setup_stop_events(submit_triggers, submit_event)
 
@@ -430,11 +436,16 @@ async def api_fn(message, history, *args, **kwargs):
 
     def _clear_and_save_textbox(
         self, message: str | dict
-    ) -> tuple[str | dict, str | MultimodalData]:
+    ) -> tuple[Textbox | MultimodalTextbox, str | MultimodalData]:
+        placeholder = message if isinstance(message, str) else message.get("text", "")
         if self.multimodal:
-            return {"text": "", "files": []}, MultimodalData(**cast(dict, message))
+            return MultimodalTextbox(
+                {"text": "", "files": []}, interactive=False, placeholder=placeholder
+            ), MultimodalData(**cast(dict, message))
         else:
-            return "", cast(str, message)
+            return Textbox("", interactive=False, placeholder=placeholder), cast(
+                str, message
+            )
 
     def _append_multimodal_history(
         self,

js/textbox/shared/Textbox.svelte

@@ -360,7 +360,6 @@
 	}
 	input:disabled,
 	textarea:disabled {
-		-webkit-text-fill-color: var(--body-text-color);
 		-webkit-opacity: 1;
 		opacity: 1;
 	}