feat: support custom style

lynhan318 · Apr 12, 2024 · 562318a · 562318a
1 parent 40858fe
commit 562318a
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/packages/svelte/src/lib/node-view/FloatingRenderer.ts b/packages/svelte/src/lib/node-view/FloatingRenderer.ts
@@ -1,4 +1,3 @@
-import {BubbleMenu} from '$lib/components';
 import {EditorContextKey} from '$lib/context';
 import {
   computePosition,
@@ -39,6 +38,7 @@ class FloatingRenderer {
       component: ComponentType;
       editor: Editor;
       portal?: HTMLElement;
+      style?: Partial<CSSStyleDeclaration>;
     },
     private readonly floatingOptions?: Partial<ComputePositionConfig>
   ) {
@@ -47,7 +47,8 @@ class FloatingRenderer {
     Object.assign(this.wrapper.style, {
       opacity: 0,
       position: 'absolute',
-      transition: 'opacity 0.2s ease-in-out'
+      transition: 'opacity 0.2s ease-in-out',
+      ...opts.style
     });
     (opts.portal || document.body).appendChild(this.wrapper);
   }