bind_resize_observer() — svelte Function Reference

Architecture documentation for the bind_resize_observer() function in size.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 2

Entity Profile

ClientRuntime→ Hydration→ bind_resize_observer() — svelte Function Reference

Dependency Diagram

graph TD
  aefa7170_df8d_0eaa_2303_f795592281aa["bind_resize_observer()"]
  fe1dcfc3_17ce_7457_26bc_48c27d79cefc["size.js"]
  aefa7170_df8d_0eaa_2303_f795592281aa -->|defined in| fe1dcfc3_17ce_7457_26bc_48c27d79cefc
  d86d4126_6146_ecbe_15fd_fa3db2f84672["observe()"]
  aefa7170_df8d_0eaa_2303_f795592281aa -->|calls| d86d4126_6146_ecbe_15fd_fa3db2f84672
  20340432_01a2_6741_abf4_60ccab51cdb3["teardown()"]
  aefa7170_df8d_0eaa_2303_f795592281aa -->|calls| 20340432_01a2_6741_abf4_60ccab51cdb3
  style aefa7170_df8d_0eaa_2303_f795592281aa fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/bindings/size.js lines 82–92

export function bind_resize_observer(element, type, set) {
	var observer =
		type === 'contentRect' || type === 'contentBoxSize'
			? resize_observer_content_box
			: type === 'borderBoxSize'
				? resize_observer_border_box
				: resize_observer_device_pixel_content_box;

	var unsub = observer.observe(element, /** @param {any} entry */ (entry) => set(entry[type]));
	teardown(unsub);
}