[Bug] Widget alert - Closing button not working

[iSteuding]

Bug report

What I did

I have created an info widget that should be closable, see:

Widget::add([
    'type' => 'alert',
    'content' => 'Alert with close button in theme coreuiv2 package version 1.2.8',
    'close_button' => true,
])->to('before_content');

What I expected to happen

An information box appears on my page that can be closed with a button displayed at the top right of the box.

What happened

An information box appears on my page that cannot be closed with an unstyled button at the top left that doesn't work.

What I've already tried to fix it

I have installed and tested other themes, and on these (Tabler, CoreUIv4), the info box is created and works as intended.

Context to replicate the bug - Backpack, Laravel, PHP, DB version

When I run php artisan backpack:version the output is:

### PHP VERSION:
8.2.26

### PHP EXTENSIONS:
Core, date, libxml, openssl, pcre, zlib, filter, hash, json, pcntl, random, Reflection, SPL, session, standard, sodium, mysqlnd, PDO, xml, apcu, bcmath, calendar, ctype, curl, dom, mbstring, FFI, fileinfo, ftp, gd, gettext, iconv, imagick, intl, ldap, exif, mysqli, odbc, pdo_dblib, pdo_mysql, PDO_ODBC, Phar, posix, readline, shmop, SimpleXML, soap, sockets, sysvmsg, sysvsem, sysvshm, tokenizer, xmlreader, xmlrpc, xmlwriter, xsl, zip, Zend OPcache, xdebug

### LARAVEL VERSION:
11.46.1.0

### BACKPACK PACKAGE VERSIONS:
backpack/basset: 1.3.9
backpack/crud: 6.8.6
backpack/generators: v4.0.7
backpack/logmanager: 5.0.3
backpack/permissionmanager: 7.2.2
backpack/pro: 2.2.36
backpack/theme-coreuiv2: 1.2.8

[backpack-ai-bot]

🚨 Bot is not sure about this answer. Please verify. 🚨

Based on the information in the knowledge sources, the issue you are experiencing with the alert widget's close button not working (unstyled and non-functional) in the CoreUIv2 theme is likely related to theme compatibility or missing JavaScript/CSS for that specific theme version.

There are no explicit mentions in the knowledge sources of a fix or workaround for the alert widget's close button not working in CoreUIv2. However, there are several related issues with modals and UI components not functioning correctly in CoreUIv2, often due to how scripts or markup are handled in that legacy theme. For example, modals and other interactive elements sometimes require their HTML to be appended to the end of the body or need additional JavaScript to function as expected in CoreUIv2, which is not always the case in newer themes like Tabler or CoreUIv4. This suggests that CoreUIv2 may lack some of the necessary JavaScript or CSS for certain Bootstrap/Backpack UI features to work out of the box, including alert close buttons. The documentation also notes that CoreUIv2 is a legacy theme and not recommended for long-term use, as it is mainly provided for backward compatibility and may not support all new features fully or correctly CoreUIv2 Theme Docs.

In summary, your experience matches known limitations with CoreUIv2 and interactive UI elements. The knowledge sources do not provide a direct fix for the alert close button in CoreUIv2. If you require this functionality, the recommended solution is to use a more modern theme like Tabler or CoreUIv4, where the alert widget works as intended.

I'm sorry, but there's no information in the knowledge sources about a direct fix for the alert close button in CoreUIv2. If you must use CoreUIv2, you may need to implement custom JavaScript/CSS to handle the close functionality, but this is not covered in the provided documentation or issues.

ℹ️ Please note our AI Bot does not reply to follow-ups, this will be the only AI answer in this thread. If the AI helped you find the answer, please mark it as answered or write details below so it can learn. Then close the conversation. If not, please give more information for when a human reads this. ℹ️

Relevant sources:

Github Issue (closed): [Bug] Quick button implementation
Alerts|Alerts
Github Issue (closed): [4.0][Known Bug] Modals won't show correctly in v4
Widgets|Widgets
Github Issue (closed): [Bug]
PHP version detection fix.
Github Issue (closed): [Bug] Cancel button interface error
Themes|CoreUIv2 Theme
Github Issue (closed): Problem with Modal on theme-coreuiv2
Github Issue (closed): [Bug] Demo Alerts show up without styling after alerts PR got merged
[4.1.0] Fluent Syntax for Widgets
Github Issue (closed): [Bug] Problem with Modal Button