bind_element_size() — svelte Function Reference

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

Function javascript ClientRuntime Hydration calls 3

Entity Profile

ClientRuntime→ Hydration→ bind_element_size() — svelte Function Reference

Dependency Diagram

graph TD
  3ac8a64d_6076_ef29_6f61_da1b17358bbe["bind_element_size()"]
  fe1dcfc3_17ce_7457_26bc_48c27d79cefc["size.js"]
  3ac8a64d_6076_ef29_6f61_da1b17358bbe -->|defined in| fe1dcfc3_17ce_7457_26bc_48c27d79cefc
  d86d4126_6146_ecbe_15fd_fa3db2f84672["observe()"]
  3ac8a64d_6076_ef29_6f61_da1b17358bbe -->|calls| d86d4126_6146_ecbe_15fd_fa3db2f84672
  a985ae40_8ef8_7ef2_adad_116fbf97e70c["effect()"]
  3ac8a64d_6076_ef29_6f61_da1b17358bbe -->|calls| a985ae40_8ef8_7ef2_adad_116fbf97e70c
  a814b193_e12a_4037_c3c8_dfd45f3bd0bb["untrack()"]
  3ac8a64d_6076_ef29_6f61_da1b17358bbe -->|calls| a814b193_e12a_4037_c3c8_dfd45f3bd0bb
  style 3ac8a64d_6076_ef29_6f61_da1b17358bbe fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/elements/bindings/size.js lines 99–107

export function bind_element_size(element, type, set) {
	var unsub = resize_observer_border_box.observe(element, () => set(element[type]));

	effect(() => {
		// The update could contain reads which should be ignored
		untrack(() => set(element[type]));
		return unsub;
	});
}