From f03c5a7db5daa570e9708d39b8f00e6ac120e55a Mon Sep 17 00:00:00 2001
From: Sergio Peris <dev.sertxu@gmail.com>
Date: Tue, 5 Jul 2022 17:11:56 +0200
Subject: [PATCH] Solved overflow issues

---
 package.json                      | 2 +-
 src/plugins/image/ImageBrowser.ts | 1 +
 src/scss/main.scss                | 6 +++---
 3 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 59ebf2f..e438bf8 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@sertxudeveloper/markdown-editor",
   "exportName": "MarkdownEditor",
-  "version": "0.1.1",
+  "version": "0.1.2",
   "description": "A customizable markdown editor for your projects",
   "main": "./build/MarkdownEditor.js",
   "module": "./build/MarkdownEditor.js",
diff --git a/src/plugins/image/ImageBrowser.ts b/src/plugins/image/ImageBrowser.ts
index 9f29346..74caca4 100644
--- a/src/plugins/image/ImageBrowser.ts
+++ b/src/plugins/image/ImageBrowser.ts
@@ -122,6 +122,7 @@ export default class ImageBrowser {
   renderImage(image: Image): HTMLDivElement {
     const container = document.createElement("div")
     container.classList.add("browser-grid-item")
+    container.setAttribute('role', 'button')
 
     const img = document.createElement("img")
     img.src = image.url
diff --git a/src/scss/main.scss b/src/scss/main.scss
index f27191c..6c87124 100644
--- a/src/scss/main.scss
+++ b/src/scss/main.scss
@@ -153,10 +153,10 @@
   @apply absolute bg-gray-800 bg-opacity-50 h-full left-0 top-0 w-full z-30 p-12;
 
   .browser-container {
-    @apply bg-white divide-gray-300 divide-y h-full shadow-xl w-full rounded-lg;
+    @apply flex flex-col bg-white divide-gray-300 divide-y h-full shadow-xl w-full rounded-lg;
 
     .browser-header {
-      @apply flex justify-between px-5 py-4 text-gray-900;
+      @apply shrink-0 flex justify-between px-5 py-4 text-gray-900;
 
       > span {
         @apply block font-medium;
@@ -168,7 +168,7 @@
     }
 
     .browser-grid {
-      @apply gap-4 grid grid-cols-6 p-4;
+      @apply shrink-0 grow gap-4 grid grid-cols-6 p-4;
 
       .browser-grid-item {
         @apply flex flex-col;