There is alert message says '' Success: You have modified products!", with X icon at the right side. The message should be closed when the X is pressed, but it didn't.
And it overlaps the logout button. Every time user click the X button, just want to close the alert message, but becomes logged out.
I have googled, this message is at:
upload\backend\view\javascript\common.js
Code: Select all
$('#alert').prepend('<div class="alert alert-success alert-dismissible"><i class="fa-solid fa-circle-check"></i> ' + json['success'] + ' <button type="button" class="btn-close" data-bs-dismiss="alert"></span></button></div>');
https://stackoverflow.com/questions/402 ... ot-working
Those answers can't solve the problem.
data-dismiss => data-bs-dismiss
It is already "data-bs-dismiss"
Add " fade show" after alert-dismissible
No use.
The docs from bootstrap 5.1
https://getbootstrap.com/docs/5.1/compo ... dismissing
Code: Select all
<div class="alert alert-warning alert-dismissible fade show" role="alert">
<strong>Holy guacamole!</strong> You should check in on some of those fields below.
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
But if I replace the common.js, no use, can't be closed.
How to solve this?