diff --git a/src/components/Editor/SimplifiedEditor.tsx b/src/components/Editor/SimplifiedEditor.tsx
index b5576994..4dad4d35 100644
--- a/src/components/Editor/SimplifiedEditor.tsx
+++ b/src/components/Editor/SimplifiedEditor.tsx
@@ -44,6 +44,7 @@ type Props = {
onChange?: (text: string) => void
variant?: 'minimal' | 'bordered'
maxLength?: number
+ maxHeight?: number
submitButtonText?: string
quoteEnabled?: boolean
imageEnabled?: boolean
@@ -237,6 +238,11 @@ const SimplifiedEditor = (props: Props) => {
}
})
+ const maxHeightStyle = {
+ overflow: 'auto',
+ 'max-height': `${props.maxHeight}px`
+ }
+
return (
(wrapperEditorElRef.current = el)}
@@ -254,7 +260,7 @@ const SimplifiedEditor = (props: Props) => {
0}>
{props.label}
-
(editorElRef.current = el)} />
+
(editorElRef.current = el)} />
diff --git a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.module.scss b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.module.scss
index e6b15233..9f022771 100644
--- a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.module.scss
+++ b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.module.scss
@@ -1,8 +1,6 @@
.TextBubbleMenu {
background: var(--editor-bubble-menu-background);
box-shadow: 0 4px 10px rgba(#000, 0.25);
- max-height: 300px;
- overflow: auto;
&.growWidth {
min-width: 460px;
diff --git a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx
index c384fc0a..146756d2 100644
--- a/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx
+++ b/src/components/Editor/TextBubbleMenu/TextBubbleMenu.tsx
@@ -113,6 +113,7 @@ export const TextBubbleMenu = (props: BubbleMenuProps) => {