From 64fc05f89e9b0d6cfc2fe356aedf5ca92f13de67 Mon Sep 17 00:00:00 2001
From: Benjamin Klaus <benjamin@asterics-foundation.org>
Date: Wed, 27 Nov 2024 10:38:16 +0100
Subject: [PATCH] #451 ensuring fixed sized grid elements in CSS grid, see
 https://stackoverflow.com/a/61240964/9219743

---
 src/vue-components/grid-layout/grid-layout.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/vue-components/grid-layout/grid-layout.vue b/src/vue-components/grid-layout/grid-layout.vue
index 9f82a2b66..3bc09a0dd 100644
--- a/src/vue-components/grid-layout/grid-layout.vue
+++ b/src/vue-components/grid-layout/grid-layout.vue
@@ -1,5 +1,5 @@
 <template>
-    <component :is="useOptions.componentType" class="grid-layout" :style="`grid-template-columns: repeat(${columns}, 1fr); grid-template-rows: repeat(${rows}, 1fr); background-color: ${useOptions.backgroundColor}`">
+    <component :is="useOptions.componentType" class="grid-layout" :style="`grid-template-columns: repeat(${columns}, minmax(0, 1fr)); grid-template-rows: repeat(${rows}, minmax(0, 1fr)); background-color: ${useOptions.backgroundColor}`">
         <slot></slot>
     </component>
 </template>