Fix favourite & people metaspace issue on Chromium browsers (#7301)

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;
         }

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>