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

Fix the rageshake modal on mobile

src/room/PTTCallView.tsx

@@ -210,8 +210,9 @@ 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 style={{ display: showControls ? "block" : "none" }}>
           <div className={styles.participants}>
             <p>
               {t("{{count}} people connected", {
@@ -238,8 +239,7 @@ export const PTTCallView: React.FC<Props> = ({
             {!isEmbedded && <HangupButton onPress={onLeave} />}
             <InviteButton onPress={() => inviteModalState.open()} />
           </div>
-          </>
+        </div>
-        )}
 
         <div className={styles.pttButtonContainer}>
           {showControls &&