Update: I have resolved the issue with Slick Carousel in Drupal 11.
The problem was due to the use of $.type()
in the slick.js
file, which is no longer supported in jQuery 4 used by Drupal 11. To fix this, I replaced all instances of $.type()
with appropriate native JavaScript methods.
Here are the specific changes I made in /libraries/slick-carousel/slick/slick.js
:
-
Replace
$.type()
when checking for an array:Before:
if ( $.type(responsiveSettings) === 'array' && responsiveSettings.length ) {
After:
if ( Array.isArray(responsiveSettings) && responsiveSettings.length ) {
-
Replace
$.type()
when checking for an object:Before:
if( $.type( arguments[0] ) === 'object' ) {
After:
if ( typeof arguments[0] === 'object' && arguments[0] !== null && !Array.isArray(arguments[0]) ) {
-
Replace
$.type()
when checking for a string:Before:
else if ( $.type( arguments[0] ) === 'string' ) {
After:
else if ( typeof arguments[0] === 'string' ) {
-
Replace
$.type()
when checking if an argument is an array:Before:
if ( arguments[0] === 'responsive' && $.type( arguments[1] ) === 'array' ) {
After:
if ( arguments[0] === 'responsive' && Array.isArray( arguments[1] ) ) {
-
Replace
$.type()
when ensuring a property is not an array:Before:
if( $.type( _.options.responsive ) !== 'array' ) {
After:
if ( !Array.isArray( _.options.responsive ) ) {
After making these changes, I minified the updated slick.js
file using UglifyJS to create a new slick.min.js
. I replaced the old slick.min.js
with this new one.
Once these steps were completed, the slider started working correctly again!
Note: I have double-checked all the code snippets to ensure they match exactly what I provided earlier.
have the same problem on drupal 11 with slick :(
terminator727 β created an issue.
terminator727 β created an issue.
Ok solved,
https://www.drupal.org/docs/8/themes/barrio-bootstrap-4-drupal-89-theme/... β
here is the patch:
https://www.drupal.org/project/bootstrap_sass/issues/3337961
π¬
JS error with affix
Active
So far, I've found that nothing seems to work with the latest versions of the Bootstrap 5 Barrio theme and Drupal 10. Here's what I've done up to this point:
I installed the latest versions of Drupal (10) and the Bootstrap 5 Barrio theme.
I attempted to fix the "sticky-top" issue using various approaches, including commenting out the tags that encapsulate the header region and adding sticky-top to the header region through configuration hooks. Unfortunately, these methods have not resolved the issueβ1β.
Another approach I tried was to add a function in my my_theme.theme file that checks the navbar's position and, if necessary, sets it to sticky-top. Despite this, the issue persistsβ1β.
I'm currently looking for further solutions and would greatly appreciate any help. Please let me know if you have any suggestions.
same issue, i set it up with the submodule glossify taxonomy tootips, the settings are correct but don't work, no error.. only i i go to /admin/structure/views and i ownload a .csv from my own view, after reload i riceve this error:
arning: DOMDocumentFragment::appendXML(): Entity: line 4: parser error : Double hyphen within comment: <!-- FILE NAME SUGGESTIONS: * glossify-link in Drupal\glossify\GlossifyBase->parseTooltipMatch() (line 184 of modules/contrib/glossify/src/GlossifyBase.php).
Drupal\glossify\GlossifyBase->parseTooltipMatch('Lorem ipsum demo text', Array, '0', '1', 'links', '0', '/taxonomy/term/[id]', 'de') (Line: 166)
Drupal\glossify_taxonomy\Plugin\Filter\TaxonomyTooltip->process('Lorem ipsum demo text .......