From a91652287b10237552b6b1ac87c8286aff4f583d Mon Sep 17 00:00:00 2001 From: Emiel Beinema Date: Mon, 15 Apr 2019 12:17:10 +0200 Subject: [PATCH] Don't close menu on click in menu in webcomponent --- src/js/controls.js | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/js/controls.js b/src/js/controls.js index 104f5c95..275ffb3f 100644 --- a/src/js/controls.js +++ b/src/js/controls.js @@ -1138,7 +1138,9 @@ const controls = { } else if (is.keyboardEvent(input) && input.which === 27) { show = false; } else if (is.event(input)) { - const isMenuItem = popup.contains(input.target); + // If Plyr is in a shadowDOM, the event target is set to the component, instead of the + // element in the shadowDOM. The path, however, is complete. + const isMenuItem = popup.contains(input.path[0]); // If the click was inside the menu or if the click // wasn't the button or menu item and we're trying to