From 46fac828f72b2a75afb858cc0b6eeb87e0c4b007 Mon Sep 17 00:00:00 2001 From: Ava Johnson Date: Sat, 26 Jun 2021 09:59:27 -0700 Subject: [PATCH] Bubble svelte dev events (#5994) --- src/runtime/internal/dev.ts | 2 +- src/runtime/internal/dom.ts | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/runtime/internal/dev.ts b/src/runtime/internal/dev.ts index 8a7415d872..4e4e5326f9 100644 --- a/src/runtime/internal/dev.ts +++ b/src/runtime/internal/dev.ts @@ -2,7 +2,7 @@ import { custom_event, append, insert, detach, listen, attr } from './dom'; import { SvelteComponent } from './Component'; export function dispatch_dev(type: string, detail?: T) { - document.dispatchEvent(custom_event(type, { version: '__VERSION__', ...detail })); + document.dispatchEvent(custom_event(type, { version: '__VERSION__', ...detail }, true)); } export function append_dev(target: Node, node: Node) { diff --git a/src/runtime/internal/dom.ts b/src/runtime/internal/dom.ts index 32756ed9a5..bdc5538941 100644 --- a/src/runtime/internal/dom.ts +++ b/src/runtime/internal/dom.ts @@ -521,9 +521,9 @@ export function toggle_class(element, name, toggle) { element.classList[toggle ? 'add' : 'remove'](name); } -export function custom_event(type: string, detail?: T) { +export function custom_event(type: string, detail?: T, bubbles: boolean = false) { const e: CustomEvent = document.createEvent('CustomEvent'); - e.initCustomEvent(type, false, false, detail); + e.initCustomEvent(type, bubbles, false, detail); return e; }