From aac13a9afb6eae3e90d9fa7cd930ea52a682d123 Mon Sep 17 00:00:00 2001 From: klequis Date: Thu, 11 Apr 2024 15:55:09 -0700 Subject: [PATCH] Bubbles to bubble MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit **Change "bubbles" to "bubble"** - from: dispatch events to the relevant elements as they bubbles up. - to: dispatch events to the relevant elements as they bubble up. **dispatch events** "In this method event listeners are attached to the `document` element, and dispatch events to the relevant elements as they bubbles up." This is unclear to me. Is "dispatch events" is a thing/noun which I have not heard of? Otherwise, it could be saying: - ... event listeners are attached to the `document` element, and dispatch**ed** to the relevant elements ... --- src/routes/concepts/components/event-handlers.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/routes/concepts/components/event-handlers.mdx b/src/routes/concepts/components/event-handlers.mdx index aae02e402d..ae25efb2ac 100644 --- a/src/routes/concepts/components/event-handlers.mdx +++ b/src/routes/concepts/components/event-handlers.mdx @@ -77,7 +77,7 @@ As a result, there is no requirement for these functions to be reactive. ## Event delegation Instead of attaching event listeners to every individual element, Solid uses _synthetic event delegation_, through the [`on__`](/reference/jsx-attributes/on_) form . -In this method event listeners are attached to the `document` element, and dispatch events to the relevant elements as they bubbles up. +In this method event listeners are attached to the `document` element, and dispatch events to the relevant elements as they bubble up. By keeping the number of event listeners to a minimum, events can be captured more effectively. This is especially useful when working with a large number of elements, such as in a table or list.