fix: editor styles

Author: WindRunnerMax

.github/workflows/deploy.yml

@@ -19,7 +19,7 @@ jobs:
       - name: install node-v16
         uses: actions/setup-node@v3
         with:
-          node-version: '16.16.0'
+          node-version: "16.16.0"
 
       - name: install dependencies
         run: |

packages/plugin/src/hyper-link/components/menu.tsx

@@ -18,6 +18,7 @@ export const HyperLinkMenu: FC<Props> = props => {
   const top = isEmptyValue(props.top) ? 0 : props.top + 30;
   const left = isEmptyValue(props.left) ? 0 : props.left - 150;
   const position = props.top || props.left ? "absolute" : void 0;
+
   return (
     <div className="hyper-link-menu" style={{ left, top, position }}>
       <Form

packages/plugin/src/image/index.tsx

@@ -92,6 +92,7 @@ export class ImagePlugin extends BlockPlugin {
     if (!imageInput) {
       imageInput = document.createElement("input");
       imageInput.setAttribute("type", "file");
+      imageInput.setAttribute("id", this.IMAGE_INPUT_DOM_ID);
       imageInput.setAttribute("class", this.IMAGE_INPUT_DOM_ID);
       imageInput.setAttribute("accept", "image/png, image/jpeg, image/svg+xml");
       document.body.append(imageInput);

packages/plugin/src/table/styles/index.scss

@@ -18,6 +18,7 @@
   border-collapse: collapse;
   border-spacing: 0;
   cursor: auto;
+  position: relative;
   table-layout: fixed;
   width: 100%;