[pagewidget] carousel not working

[krabina]

Setup

MediaWiki	1.35.6
PHP	7.4.3 (fpm-fcgi)
MariaDB	10.3.34-MariaDB-0ubuntu0.20.04.1
ICU	66.1
Semantic MediaWiki	4.0.2
Semantic Result Formats	4.0.1

Issue

Instead of the widget, a widget spinner is shown that never stops. The following errors are shown:

Wikicode used:
{{#ask: [[Category:XYZ]] |format=pagewidget |link=all |embedformat=ul |widget=carousel }}

The resource from “extensions/CIForms/select2/select2.full.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
Loading failed for the <script> with source “extensions/CIForms/select2/select2.full.js?”.
The resource from “extensions/CIForms/select2/select2.min.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
The resource from “extensions/CIForms/style.css” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).
The resource from “extensions/CIForms/validation.js” was blocked due to MIME type (“text/html”) mismatch (X-Content-Type-Options: nosniff).

[kghbln]

Works for me: pagewidget. I believe the CIForms is creating the issue as the error message suggests. Try to uninstall this one to verify.

Software	Version
MediaWiki	1.37.4 (f77d68a)
PHP	8.0.23 (apache2handler)
MariaDB	10.5.15-MariaDB-log
Semantic MediaWiki	4.0.2
Semantic Result Formats	4.0.1

[krabina]

Hmm. Tried it in a different wiki (same versions, without CIForms).
Not working. Here is the output:
Uncaught TypeError: No method named ".slide" Carousel carousel.js:531 jQuery 2 _jQueryInterface carousel.js:506 <anonymous> ext.srf.pagewidget.carousel.js:58 jQuery 2 <anonymous> ext.srf.pagewidget.carousel.js:57 jQuery 2 <anonymous> ext.srf.pagewidget.carousel.js:46 jQuery 2 [carousel.js:531:16](extensions/Bootstrap/resources/bootstrap/src/carousel.js) Carousel carousel.js:531 jQuery 2 _jQueryInterface carousel.js:506 <anonymous> ext.srf.pagewidget.carousel.js:58 jQuery 2 <anonymous> ext.srf.pagewidget.carousel.js:57 jQuery 2 <anonymous> ext.srf.pagewidget.carousel.js:46 jQuery 2

[krabina]

It has to do with chameleon skin. When I use vector, it is working.

[kghbln]

Good that we at least tracked it down to SRF and Chameleon.

[krabina]

According to ProfessionalWiki/chameleon#346 this should be resolved in SRFl, not in Chameleon.