[Bug] Inline JavaScript rendered as plain text after PR #5922

[TanNhatCMS]

Bug report – Inline JavaScript rendered as plain text after PR #5922

Please note: All issues must be submitted in English. If not, they will be closed automatically.

What I did

I updated Backpack CRUD to a version that includes this pull request:

#5922

After the update, I opened the Backpack admin panel where I use custom Blade views (fields / widgets) that contain inline JavaScript with ES6 template literals.

What I expected to happen

• Blade views should render normally
• Inline JavaScript should execute correctly
• HTML generated by JavaScript should be inserted into the DOM
• Backpack admin UI should render without layout issues

What happened

After updating to a version that includes PR #5922:

• Inline JavaScript code is rendered directly as visible text
• Template literal expressions like ${errorData.message} appear in the UI
• JavaScript and CSS are not executed
• The Backpack admin layout breaks completely

This makes the admin panel unusable.

What I've already tried to fix it

 php artisan view:clear
 php artisan cache:clear
 php artisan optimize:clear
 php artisan basset:cache

Rebuilt assets
Tested with default Backpack views

Is it a bug in the latest version of Backpack?

After I run composer update backpack/crud the bug... is it still there?
Yes.

The issue only happens after updating to a version that includes PR #5922

Rolling back to a version before PR #5922 fixes the issue immediately

Backpack, Laravel, PHP, DB version

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

PHP VERSION:

8.3.28

PHP EXTENSIONS:

Core, bcmath, calendar, ctype, date, filter, hash, iconv, json, SPL, pcre, random, readline, Reflection, session, standard, mysqlnd, tokenizer, zlib,
libxml, dom, PDO, bz2, SimpleXML, xml, xmlreader, xmlwriter, openssl, curl, gd, fileinfo, zip, mbstring, mysqli, pdo_mysql, PDO_ODBC, gettext, gmp,
exif, pdo_sqlite, pgsql, shmop, soap, sodium, sockets, xsl, tidy, pdo_pgsql, ftp, Phar, redis, yaml, imagick, sqlite3, memcached, intl, FFI, Zend OPcache

LARAVEL VERSION:

12.44.0.0

BACKPACK PACKAGE VERSIONS:

backpack/crud: 7.0.17

Additional Information

Environment
OS: Windows 10 ( local)
Web server: Nginx
Browser: Chrome
Screenshots:

Here's some more info that could be helpful in reproducing or debugging:

• Environment details (e.g., operating system, web server, browser): ??
• Relevant error logs or screenshots (if any): ??

Note: Issues that cannot be reproduced or lack necessary details to diagnose could be closed.

[TanNhatCMS]

Affected File

The issue happens in the following overridden Backpack view:

resources/views/vendor/backpack/crud/inc/ajax_error_frame.blade.php

Temporary Workaround

I was able to restore the admin UI by wrapping the original inline JavaScript code inside a @bassetBlock.

Example fix applied in ajax_error_frame.blade.php:

@bassetBlock('ajaxErrorFrameScript.js')
    {{-- original inline JS code --}}
@endBassetBlock

After applying this workaround:

Inline JavaScript is no longer rendered as plain text

Scripts execute correctly

Backpack admin UI renders normally again

This strongly suggests the regression introduced by PR #5922 is related to how inline scripts are handled, and that moving them into a Basset block avoids the issue.

I think there's a better solution I'm currently experimenting with.

[pxpm]

Thanks for the report and for the fix @TanNhatCMS

Just merged the PR 👍