passive() — svelte Function Reference

Architecture documentation for the passive() function in event-modifiers.js from the svelte codebase.

Function javascript ClientRuntime Hydration calls 2

Entity Profile

ClientRuntime→ Hydration→ passive() — svelte Function Reference

Dependency Diagram

graph TD
  c995b8b0_a66f_3859_49e4_870c64e34e8a["passive()"]
  10959c39_ee67_ccc9_0299_768227609d29["event-modifiers.js"]
  c995b8b0_a66f_3859_49e4_870c64e34e8a -->|defined in| 10959c39_ee67_ccc9_0299_768227609d29
  b4142a92_fb70_a0da_ca48_719b2f2398ad["user_pre_effect()"]
  c995b8b0_a66f_3859_49e4_870c64e34e8a -->|calls| b4142a92_fb70_a0da_ca48_719b2f2398ad
  a182a6a3_1f1f_84a4_fbdc_e20427ca84fc["on()"]
  c995b8b0_a66f_3859_49e4_870c64e34e8a -->|calls| a182a6a3_1f1f_84a4_fbdc_e20427ca84fc
  style c995b8b0_a66f_3859_49e4_870c64e34e8a fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/svelte/src/internal/client/dom/legacy/event-modifiers.js lines 107–113

export function passive(node, [event, handler]) {
	user_pre_effect(() => {
		return on(node, event, handler() ?? noop, {
			passive: true
		});
	});
}