Problematic z-index on div#needpw

rnkn commented 4 years ago

Please fill out the templates below to the best of your ability, based on whether your problem is with using the website or with running your own server.

Website Problem

Please confirm whether you've tried the following debugging steps:

[x] Clearing cache and refreshing the page (On Firefox, press Ctrl+F5. On Chrome, press F12, then right click the refresh button and click "Empty Cache and Hard Reload")
[x] Disabling all browser extensions
[x] Using a clean channel with no customizations

Description of the Problem

What triggers the problem? Opening a channel requiring a password on a small screen (e.g. phone).
What happens? The password prompt appears behind the guest login name box.
What do you expect to happen instead? The password prompt appears above the guest login name box.

The issue seems to be because the div#needpw element has an element style including z-index: auto overriding its CSS z-index: 9999.

System Information

Operating System (Windows / Mac / Linux / Android / iOS): iOS / macOS (with responsive design mode)
Web Browser (Firefox / Chrome / Other): Safari

Xaekai commented 4 years ago

Yeah, given the purpose of the chan pass request box and how it stops loading until provided, it's z-index should probably be inlined. I'll get this done shortly.

Xaekai commented 4 years ago

Strange this didn't autoclose. Resolved by #853

calzoneman / sync