From: Dan Brown <redacted>
Date: Wed, 28 Jun 2023 22:28:31 +0000 (+0100)
Subject: WYSIWYG: Fixed growing rows on Firefox
X-Git-Tag: v23.06~1^2~2
X-Git-Url: http://source.bookstackapp.com/bookstack/commitdiff_plain/5ea2d0c57bb0fea66b33201de884d000a2e92731

WYSIWYG: Fixed growing rows on Firefox

Occured when the cell contained any block content with a differnt line
height to the table cell itself.
In firefox, cells with a height would end up with an actual greater
real cell height, which messed up TinyMCE resize calculations, causing
tables to grow.
Adding default vertical-align: top, changes this behaviour to get proper
cell heights.
Related to Firefox issue: https://bugzilla.mozilla.org/show_bug.cgi?id=569645
Have tested that editor cell text align options can still be used with
this.

For #4337
---

diff --git a/resources/sass/_tables.scss b/resources/sass/_tables.scss
index 2aaa74d5f..a3da33621 100644
--- a/resources/sass/_tables.scss
+++ b/resources/sass/_tables.scss
@@ -12,6 +12,7 @@ table {
     overflow: auto;
     line-height: 1.2;
 	word-break: break-word;
+    vertical-align: top; // Workaround for: https://bugzilla.mozilla.org/show_bug.cgi?id=569645
   }
   td p, th p {
     margin: 0;