BS5 Alert - two crosses appearing

======== TEMPLATE BUG FORM ========

Wappler Version : 3.9.1
Operating System : Mac
Server Model: NodeJS
Database Type: MySql8
Hosting Type: AWS DOCKER

Expected behavior

What do you think should happen?

Alert should display one close ‘X’

Actual behavior

What actually happens?

Alert displays two:

Screen Shot 2021-03-22 at 9.33.05 am

Still happening for me in 3.9.5. I’ve updated, and checked I’m on latest BS5 framework.

Screen Shot 2021-04-16 at 10.39.50 am

Please let me know if I need to do anything else to update?

Could you inspect the html with devtools, what does the html for the close button look like.

Hi Patrick, I just added a new alert and this is the code shown in the console.

<button type="button" aria-label="Close" class="btn-close"><span aria-hidden="true">×</span></button>

It should not add that span inside, could you check the dmxBootstrap5Alert.js if it is version 1.0.2. You can try to remove the file and then resave the file containing the alert to ensure the latest file is being copied.

That fixed it. I still had v 1.0.1, removing the file then saving the page included the 1.0.2 version. Thanks Patrick.

This topic was automatically closed after 31 hours. New replies are no longer allowed.