2
0
mirror of https://github.com/gradio-app/gradio.git synced 2025-04-24 13:01:18 +08:00

Fix a bug in example textbox rendering when it is initially invisible ()

* Fix a bug in example textbox rendering when it is initially invisible

* add changeset

---------

Co-authored-by: gradio-pr-bot <gradio-pr-bot@users.noreply.github.com>
Co-authored-by: Freddy Boulton <alfonsoboulton@gmail.com>
This commit is contained in:
Cornelius 2024-10-25 07:21:15 +02:00 committed by GitHub
parent febbed6db1
commit 767643fdec
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
4 changed files with 17 additions and 12 deletions
.changeset
js
multimodaltextbox
simpletextbox
textbox

@ -0,0 +1,8 @@
---
"@gradio/multimodaltextbox": patch
"@gradio/simpletextbox": patch
"@gradio/textbox": patch
"gradio": patch
---
fix:Fix a bug in example textbox rendering when it is initially invisible

@ -15,12 +15,11 @@
let el: HTMLDivElement;
function set_styles(element: HTMLElement, el_width: number): void {
if (!element || !el_width) return;
el.style.setProperty(
element.style.setProperty(
"--local-text-width",
`${el_width < 150 ? el_width : 200}px`
`${el_width && el_width < 150 ? el_width : 200}px`
);
el.style.whiteSpace = "unset";
element.style.whiteSpace = "unset";
}
onMount(() => {

@ -9,12 +9,11 @@
let el: HTMLDivElement;
function set_styles(element: HTMLElement, el_width: number): void {
if (!element || !el_width) return;
el.style.setProperty(
element.style.setProperty(
"--local-text-width",
`${el_width < 150 ? el_width : 200}px`
`${el_width && el_width < 150 ? el_width : 200}px`
);
el.style.whiteSpace = "unset";
element.style.whiteSpace = "unset";
}
onMount(() => {

@ -9,12 +9,11 @@
let el: HTMLDivElement;
function set_styles(element: HTMLElement, el_width: number): void {
if (!element || !el_width) return;
el.style.setProperty(
element.style.setProperty(
"--local-text-width",
`${el_width < 150 ? el_width : 200}px`
`${el_width && el_width < 150 ? el_width : 200}px`
);
el.style.whiteSpace = "unset";
element.style.whiteSpace = "unset";
}
onMount(() => {