diff --git a/src/static/css/pad/popup.css b/src/static/css/pad/popup.css
index 65bb25839..e9d9ff65d 100644
--- a/src/static/css/pad/popup.css
+++ b/src/static/css/pad/popup.css
@@ -2,13 +2,16 @@
   position: absolute;
   top: 10px;
   right: 30px;
-  transition: all 0.3s cubic-bezier(0.74, -0.05, 0.27, 1.75);
+  /* visibility must transition immediately so that input elements inside the popup can get focus */
+  transition: all 0.3s cubic-bezier(0.74, -0.05, 0.27, 1.75), visibility 0s;
   z-index: 500;
 }
 
 .popup:not(.popup-show):not(#users.chatAndUsers) {
   opacity: 0;
   transform: scale(0.7);
+  /* visibility must not change to hidden until the end of the transition */
+  transition: all 0.3s cubic-bezier(0.74, -0.05, 0.27, 1.75);
   visibility: hidden;
 }