From 99317c6c52dbff6af258e1fe7061d0a51c1a4104 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 7 Dec 2021 11:03:38 +0000
Subject: [PATCH 1/2] Fix favourite & people metaspace issue on Chromium
 browsers

---
 res/css/views/rooms/_RoomSublist.scss      | 5 +++++
 src/components/views/rooms/RoomSublist.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/res/css/views/rooms/_RoomSublist.scss b/res/css/views/rooms/_RoomSublist.scss
index a449591c5ce..558014e21c2 100644
--- a/res/css/views/rooms/_RoomSublist.scss
+++ b/res/css/views/rooms/_RoomSublist.scss
@@ -198,6 +198,11 @@ limitations under the License.
             mask-image: linear-gradient(0deg, transparent, black 4px);
         }
 
+        &.mx_RoomSublist_resizeBox_forceExpanded .mx_RoomSublist_tiles {
+            // in this state the div can collapse its height entirely in Chromium, so prevent that by allowing overflow
+            overflow: visible;
+        }
+
         .mx_RoomSublist_resizerHandles_showNButton {
             flex: 0 0 32px;
         }
diff --git a/src/components/views/rooms/RoomSublist.tsx b/src/components/views/rooms/RoomSublist.tsx
index c1c6672b721..263795fb71f 100644
--- a/src/components/views/rooms/RoomSublist.tsx
+++ b/src/components/views/rooms/RoomSublist.tsx
@@ -738,7 +738,7 @@ export default class RoomSublist extends React.Component<IProps, IState> {
 
         let content = null;
         if (visibleTiles.length > 0 && this.props.forceExpanded) {
-            content = <div className="mx_RoomSublist_resizeBox">
+            content = <div className="mx_RoomSublist_resizeBox mx_RoomSublist_resizeBox_forceExpanded">
                 <div className="mx_RoomSublist_tiles" ref={this.tilesRef}>
                     { visibleTiles }
                 </div>

From 6282ceb39cf041897c4cc8647bb162081e21cc41 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Thu, 9 Dec 2021 09:06:36 +0000
Subject: [PATCH 2/2] Fix favourites and people metaspaces not rendering their
 content

---
 res/css/views/rooms/_RoomSublist.scss | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/res/css/views/rooms/_RoomSublist.scss b/res/css/views/rooms/_RoomSublist.scss
index bbc6a1d9fd7..d5b28d07e2e 100644
--- a/res/css/views/rooms/_RoomSublist.scss
+++ b/res/css/views/rooms/_RoomSublist.scss
@@ -203,6 +203,8 @@ limitations under the License.
         &.mx_RoomSublist_resizeBox_forceExpanded .mx_RoomSublist_tiles {
             // in this state the div can collapse its height entirely in Chromium, so prevent that by allowing overflow
             overflow: visible;
+            // clear the min-height to make it not collapse entirely in a state with no active resizer
+            min-height: unset;
         }
 
         .mx_RoomSublist_resizerHandles_showNButton {