Description

Changes to the index.html in either of the following prs #4484 #4331 have caused the play-only-mode to not render at all, it disappears after a brief second when the screen is made responsive

Expected Behavior

The Play-Only-Mode should be initialized whenever the screen width falls below 768px or the screen height falls below 800px but the same is not happening. The Play-Only-Mode appears just for a second and then falls back to the normal mode.

Screenshots

Environment:

• Operating System: Windows [e.g., Windows, macOS, Linux]
• Browser (if applicable): Chrome, Edge[e.g., Chrome, Firefox, Safari]
• Version of Software/Project: [e.g., v1.0.0]

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.

Thank you for contributing to our project! We appreciate your help in improving it.

📚 See contributing instructions.

🙋🏾🙋🏼 Questions: Community Matrix Server.