diff --git a/web/flat-web/src/pages/utils/join-room-handler.ts b/web/flat-web/src/pages/utils/join-room-handler.ts
index 360e2a170bf..c85418f8332 100644
--- a/web/flat-web/src/pages/utils/join-room-handler.ts
+++ b/web/flat-web/src/pages/utils/join-room-handler.ts
@@ -1,27 +1,32 @@
-import { RouteNameType, usePushHistory } from "../../utils/routes";
+import { generateRoutePath, RouteNameType, usePushHistory } from "../../utils/routes";
 import { roomStore } from "../../stores/room-store";
 import { RoomType } from "../../api-middleware/flatServer/constants";
 import { errorTips } from "../../components/Tips/ErrorTips";
 
 export const joinRoomHandler = async (
     roomUUID: string,
-    pushHistory: ReturnType<typeof usePushHistory>,
+    _pushHistory: ReturnType<typeof usePushHistory>,
 ): Promise<void> => {
     try {
         const formatRoomUUID = roomUUID.replace(/\s+/g, "");
         const data = await roomStore.joinRoom(formatRoomUUID);
+        // try to work around chrome does not show permission popup after
+        // soft navigating. here we do a "hard" navigating instead.
         // @TODO make roomType a param
         switch (data.roomType) {
             case RoomType.BigClass: {
-                pushHistory(RouteNameType.BigClassPage, data);
+                // pushHistory(RouteNameType.BigClassPage, data);
+                window.location.href = generateRoutePath(RouteNameType.BigClassPage, data);
                 break;
             }
             case RoomType.SmallClass: {
-                pushHistory(RouteNameType.SmallClassPage, data);
+                // pushHistory(RouteNameType.SmallClassPage, data);
+                window.location.href = generateRoutePath(RouteNameType.SmallClassPage, data);
                 break;
             }
             case RoomType.OneToOne: {
-                pushHistory(RouteNameType.OneToOnePage, data);
+                // pushHistory(RouteNameType.OneToOnePage, data);
+                window.location.href = generateRoutePath(RouteNameType.OneToOnePage, data);
                 break;
             }
             default: {