Alert messages do not close on login page

The close button (x) does not close alert messages when on the login page.
Browser: Edge Version 92.0.902.78 (Official build) (64-bit)

[EXxZAM]

Hi, Have You Found a solution for this? Can you share? I'm stuck and can't find a workaround.

[Abbasa5251]

You need to add below CSS in app.css file

.alert {
  position: fixed;
  left: 50%;
  top: 120px;
  transform: translate(-50%, -50%);


  z-index: 99999;
}

[EXxZAM]

Thank You So Much!

[Sapin32]

You need to add below CSS in app.css file

.alert {
  position: fixed;
  left: 50%;
  top: 120px;
  transform: translate(-50%, -50%);


  z-index: 99999;
}

Thank you for pointing this out, my alert messages weren't showing properly without this.

[fallstonray]

Just checking, were you able to fix it? I have it displaying like yours but when I click the "X" it doesn't close. I've added the code referenced to my app.css but still the same. Thanks.

[EXxZAM]

Just checking, were you able to fix it? I have it displaying like yours but when I click the "X" it doesn't close. I've added the code referenced to my app.css but still the same. Thanks.

hi, I removed the default CSS lines related to alert messages and added the code @Abbasa5251 mentioned to app.css and it worked!

[fallstonray]

@EXxZAM Very good, thank you.

That is what I've done however it still does the same thing. It does however notice when my mouse is over the "X" as the pointer turns into a finger to click. (see attached images). Here is a sample of my current code in static/styles/app.css and main.html.

If anyone has an idea of what else I could check please let me know. Thank you.

[RemyAde]

@fallstonray
I have the same issue too... any fix yet?

[RemyAde]

It seems to be a browser issue. It works in Chrome, but not in Firefox as in my case
Chrome ✅