diff --git a/.changeset/chatty-socks-bow.md b/.changeset/chatty-socks-bow.md new file mode 100644 index 000000000000..a10422bc1806 --- /dev/null +++ b/.changeset/chatty-socks-bow.md @@ -0,0 +1,6 @@ +--- +"@gradio/dataframe": patch +"gradio": patch +--- + +fix:ensure dataframe doesn't scroll unless needed diff --git a/js/dataframe/shared/VirtualTable.svelte b/js/dataframe/shared/VirtualTable.svelte index 8baf24f7f0d8..7b2e5d8e5051 100644 --- a/js/dataframe/shared/VirtualTable.svelte +++ b/js/dataframe/shared/VirtualTable.svelte @@ -103,11 +103,14 @@ return "forwards"; } + const { top: viewport_top } = viewport.getBoundingClientRect(); const { top, bottom } = current.getBoundingClientRect(); - if (top < 37) { + + if (top - viewport_top < 37) { return "back"; } - if (bottom > viewport_height) { + + if (bottom - viewport_top > viewport_height) { return "forwards"; }