From 9f85ea6eebf9400461b702ad3c13316269d7763a Mon Sep 17 00:00:00 2001
From: jonnyfux <58081454+jonnyfux@users.noreply.github.com>
Date: Tue, 8 Mar 2022 10:47:13 +0200
Subject: [PATCH] fix: wrap menubar when it overflows the container (#387)

---
 projects/ngx-editor/src/lib/editor.component.scss                | 1 +
 .../ngx-editor/src/lib/modules/menu/bubble/bubble.component.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/projects/ngx-editor/src/lib/editor.component.scss b/projects/ngx-editor/src/lib/editor.component.scss
index b8e08f2c..44803ed0 100644
--- a/projects/ngx-editor/src/lib/editor.component.scss
+++ b/projects/ngx-editor/src/lib/editor.component.scss
@@ -95,6 +95,7 @@ $menubar-text-padding: 0 $menu-item-spacing;
 
 .NgxEditor__MenuBar {
   display: flex;
+  flex-wrap: wrap;
   padding: $menubar-padding;
   cursor: default;
   background-color: white;
diff --git a/projects/ngx-editor/src/lib/modules/menu/bubble/bubble.component.scss b/projects/ngx-editor/src/lib/modules/menu/bubble/bubble.component.scss
index e3483ab4..cee0433e 100644
--- a/projects/ngx-editor/src/lib/modules/menu/bubble/bubble.component.scss
+++ b/projects/ngx-editor/src/lib/modules/menu/bubble/bubble.component.scss
@@ -6,6 +6,7 @@
 
 :host {
   display: flex;
+  flex-wrap: wrap;
   background-color: #000;
   color: white;
   padding: 5px;