From 562318aac4efaf6ae7e19db82c0a88ea5675ab62 Mon Sep 17 00:00:00 2001
From: Kevin <lythanhnhan27294@gmail.com>
Date: Sat, 13 Apr 2024 00:41:52 +0700
Subject: [PATCH] feat: support custom style

---
 packages/svelte/src/lib/node-view/FloatingRenderer.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/svelte/src/lib/node-view/FloatingRenderer.ts b/packages/svelte/src/lib/node-view/FloatingRenderer.ts
index 3141e87..12f52ff 100644
--- 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);
   }