Browser-inserted elements block login UI

[seadoggie001]

The alert container blocks all input on the site on the latest version of Chrome.

The CSS class .visually-hidden is not defined causing the alert container to float over everything

I think the class should look something like this: .visually-hidden { visibility: hidden; }

[peppidesu]

Hi, i'm not sure I understand what you are referring to here. Could you elaborate what alert container you are talking about? A screenshot would help too

[seadoggie001]

When I visit https://elementipelago.peppidesu.dev/, there's an element with an ID of hl-aria-live-alert-container that floats on top of everything else preventing clicks from passing through. There's a class on it "visually-hidden", but there's no related CSS for that class, so I assumed it was a missing CSS class. It is a Bootstrap class, so maybe something assumes you have Bootstrap?

It appears to only be visible after you've played a game because it's not present on the site if I open it in an incognito window.

[peppidesu]

That's weird, those elements are definitely not coming from the website itself, I am not seeing them on my end.

I have a feeling it might be related to the grid stacking CSS on the body element. Meanwhile, could you check with extensions disabled?