fix:兼容火狐浏览器无法正确判断元素（#1883） (#1884)

DevCloudFE · Jun 16, 2024 · 3a9f834 · 3a9f834
1 parent 69917a5
commit 3a9f834
Showing 1 changed file with 12 additions and 2 deletions.
diff --git a/packages/devui-vue/devui/shared/utils/dom.ts b/packages/devui-vue/devui/shared/utils/dom.ts
@@ -9,6 +9,16 @@ export function isComponent(target: any): target is ComponentPublicInstance {
   return !!(target?.$el);
 }
 
+/**
+ * 兼容火狐浏览器判断是否为元素节点
+ * @param {any} element
+ * @returns {boolean}
+ */
+function judgeFireIsElement (element: Element | ComponentPublicInstance | null) {
+  const str = Object.prototype.toString.call(element);
+  return str.includes('object')&&str.includes('HTML')&&str.includes('Element');
+}
+
 /**
  * 提取 Vue Intance 中的元素，如果本身就是元素，直接返回。
  * @param {any} element
@@ -17,13 +27,13 @@ export function isComponent(target: any): target is ComponentPublicInstance {
 export function getElement(
   element: Element | ComponentPublicInstance | null
 ): Element | null {
-  if (element instanceof Element) {
+  if (element instanceof Element || judgeFireIsElement(element)) {
     return element;
   }
   if (
     element &&
     typeof element === 'object' &&
-    element.$el instanceof Element
+    (element.$el instanceof Element || judgeFireIsElement(element.$el))
   ) {
     return element.$el;
   }