Workaround for Firefox not obeying break-inside: avoid;

2020-05-16 14:19:13 +02:00
parent cd2727b61c
commit 3642d1d249
1 changed files with 5 additions and 0 deletions
--- a/app/imports/ui/components/ColumnLayout.vue
+++ b/app/imports/ui/components/ColumnLayout.vue
@@ -36,6 +36,11 @@ export default {
 		padding: 4px;
 	}
 	.column-layout >>> > div {
+    /*
+      Table and width set because firefox does not support break-inside: avoid
+    */
+    display: table;
+    width: 100%;
 		-webkit-backface-visibility: hidden;
 		-webkit-transform: translateX(0);
 		-webkit-column-break-inside: avoid;