fix: cannot read properties of null (reading 'getBoundingClientRect ')(…

…#308)
imzbf · Jul 2, 2023 · d490f35 · d490f35
1 parent 0bdab59
commit d490f35
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/MdEditor/components/Dropdown/index.tsx b/packages/MdEditor/components/Dropdown/index.tsx
@@ -68,6 +68,11 @@ export default defineComponent({
       const triggerEle = triggerRef.value as HTMLElement;
       const overlayEle = overlayRef.value as HTMLElement;
 
+      // 尝试移除元素不存在的潜在问题（https://github.com/imzbf/md-editor-v3/issues/308）
+      if (!triggerEle || !overlayEle) {
+        return;
+      }
+
       const triggerInfo = triggerEle.getBoundingClientRect();
 
       const triggerTop = triggerEle.offsetTop;

diff --git a/packages/MdEditor/utils/index.ts b/packages/MdEditor/utils/index.ts
@@ -84,6 +84,11 @@ export const splitKatexValue = (str: string, key = '$'): Array<string> => {
  * @returns
  */
 export const getRelativeTop = (element: HTMLElement, container: HTMLElement): number => {
+  // 尝试移除元素不存在的潜在问题（https://github.com/imzbf/md-editor-v3/issues/308）
+  if (!element || !container) {
+    return 0;
+  }
+
   const eleRect = element?.getBoundingClientRect();
 
   if (container === document.documentElement) {