Merge pull request #870 from vector-im/dbkr/fix_rageshake_modal_mobile

Fix the rageshake modal on mobile

src/room/PTTCallView.tsx

@@ -210,36 +210,36 @@ export const PTTCallView: React.FC<Props> = ({
         </Header>
       )}
       <div className={styles.center}>
-        {showControls && (
+        {/* Always render this because the window will become shorter when the on-screen
-          <>
+            keyboard appears, so if we don't render it, the dialog will unmount. */}
-            <div className={styles.participants}>
+        <div style={{ display: showControls ? "block" : "none" }}>
-              <p>
+          <div className={styles.participants}>
-                {t("{{count}} people connected", {
+            <p>
-                  count: participatingMembers.length,
+              {t("{{count}} people connected", {
-                })}
+                count: participatingMembers.length,
-              </p>
+              })}
-              <Facepile
+            </p>
-                size={facepileSize}
+            <Facepile
-                max={8}
+              size={facepileSize}
-                className={styles.facepile}
+              max={8}
-                client={client}
+              className={styles.facepile}
-                members={participatingMembers}
+              client={client}
-              />
+              members={participatingMembers}
-            </div>
+            />
-            <div className={styles.footer}>
+          </div>
-              <OverflowMenu
+          <div className={styles.footer}>
-                inCall
+            <OverflowMenu
-                roomIdOrAlias={roomIdOrAlias}
+              inCall
-                groupCall={groupCall}
+              roomIdOrAlias={roomIdOrAlias}
-                showInvite={false}
+              groupCall={groupCall}
-                feedbackModalState={feedbackModalState}
+              showInvite={false}
-                feedbackModalProps={feedbackModalProps}
+              feedbackModalState={feedbackModalState}
-              />
+              feedbackModalProps={feedbackModalProps}
-              {!isEmbedded && <HangupButton onPress={onLeave} />}
+            />
-              <InviteButton onPress={() => inviteModalState.open()} />
+            {!isEmbedded && <HangupButton onPress={onLeave} />}
-            </div>
+            <InviteButton onPress={() => inviteModalState.open()} />
-          </>
+          </div>
-        )}
+        </div>
 
         <div className={styles.pttButtonContainer}>
           {showControls &&