From dda1de1cd4462be0a2b6db61e85a3a2631580d7e Mon Sep 17 00:00:00 2001
From: Azuriru <jeannelee823@gmail.com>
Date: Wed, 20 May 2026 02:26:22 +0800
Subject: [PATCH] feat: scrollWidth and scrollHeight in bind:

---
 packages/svelte/elements.d.ts                             | 2 ++
 .../phases/3-transform/client/visitors/BindDirective.js   | 2 ++
 packages/svelte/src/compiler/phases/bindings.js           | 8 ++++++++
 .../src/internal/client/dom/elements/bindings/size.js     | 2 +-
 4 files changed, 13 insertions(+), 1 deletion(-)

diff --git a/packages/svelte/elements.d.ts b/packages/svelte/elements.d.ts
index daa40635b6..6bdd423b0d 100644
--- a/packages/svelte/elements.d.ts
+++ b/packages/svelte/elements.d.ts
@@ -850,6 +850,8 @@ export interface HTMLAttributes<T extends EventTarget> extends AriaAttributes, D
 	readonly 'bind:focused'?: boolean | undefined | null;
 	readonly 'bind:offsetWidth'?: number | undefined | null;
 	readonly 'bind:offsetHeight'?: number | undefined | null;
+	readonly 'bind:scrollWidth'?: number | undefined | null;
+	readonly 'bind:scrollHeight'?: number | undefined | null;
 
 	// allow any data- attribute
 	[key: `data-${string}`]: any;
diff --git a/packages/svelte/src/compiler/phases/3-transform/client/visitors/BindDirective.js b/packages/svelte/src/compiler/phases/3-transform/client/visitors/BindDirective.js
index 6838e5006d..106b255172 100644
--- a/packages/svelte/src/compiler/phases/3-transform/client/visitors/BindDirective.js
+++ b/packages/svelte/src/compiler/phases/3-transform/client/visitors/BindDirective.js
@@ -169,6 +169,8 @@ export function BindDirective(node, context) {
 			case 'clientHeight':
 			case 'offsetWidth':
 			case 'offsetHeight':
+			case 'scrollWidth':
+			case 'scrollHeight':
 				call = b.call('$.bind_element_size', context.state.node, b.literal(node.name), set ?? get);
 				break;
 
diff --git a/packages/svelte/src/compiler/phases/bindings.js b/packages/svelte/src/compiler/phases/bindings.js
index 6714a6e77d..94886206a3 100644
--- a/packages/svelte/src/compiler/phases/bindings.js
+++ b/packages/svelte/src/compiler/phases/bindings.js
@@ -163,6 +163,14 @@ export const binding_properties = {
 		omit_in_ssr: true,
 		invalid_elements: ['svelte:window', 'svelte:document']
 	},
+	scrollWidth: {
+		omit_in_ssr: true,
+		invalid_elements: ['svelte:window', 'svelte:document']
+	},
+	scrollHeight: {
+		omit_in_ssr: true,
+		invalid_elements: ['svelte:window', 'svelte:document']
+	},
 	contentRect: {
 		omit_in_ssr: true,
 		invalid_elements: ['svelte:window', 'svelte:document']
diff --git a/packages/svelte/src/internal/client/dom/elements/bindings/size.js b/packages/svelte/src/internal/client/dom/elements/bindings/size.js
index 016ee5a547..0550abfe0d 100644
--- a/packages/svelte/src/internal/client/dom/elements/bindings/size.js
+++ b/packages/svelte/src/internal/client/dom/elements/bindings/size.js
@@ -93,7 +93,7 @@ export function bind_resize_observer(element, type, set) {
 
 /**
  * @param {HTMLElement} element
- * @param {'clientWidth' | 'clientHeight' | 'offsetWidth' | 'offsetHeight'} type
+ * @param {'clientWidth' | 'clientHeight' | 'offsetWidth' | 'offsetHeight' | 'scrollWidth' | 'scrollHeight'} type
  * @param {(size: number) => void} set
  */
 export function bind_element_size(element, type, set) {