fix(core): fix web components compatibility in KeyboardDriver (#213)

alibaba · Feb 9, 2022 · ba7dc10 · ba7dc10
1 parent 432a89f
commit ba7dc10
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/core/src/drivers/KeyboardDriver.ts b/packages/core/src/drivers/KeyboardDriver.ts
@@ -5,10 +5,13 @@ function filter(event: KeyboardEvent) {
   const target: any = event.target
   const { tagName } = target
   let flag = true
-  // ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>
+  // ignore: isContentEditable === 'true', <input> and <textarea> when readOnly state is false, <select>、Web Components
   if (
     target['isContentEditable'] ||
-    ((tagName === 'INPUT' || tagName === 'TEXTAREA' || tagName === 'SELECT') &&
+    ((tagName === 'INPUT' ||
+      tagName === 'TEXTAREA' ||
+      tagName === 'SELECT' ||
+      customElements.get(tagName.toLocaleLowerCase())) &&
       !target.readOnly)
   ) {
     flag = false