question-mark

Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

UseGroupRole = false generate an error

See original GitHub issue

Issue Description

Hello 😃

I am using slick accessible but when I add option : useGroupRole: false it generates a JS error.

Cannot read property 'replace' of undefined

Any solution? Here is my code 😃

$('.carousel-cards').slick({
      dots: true,
      arrows: true,
      slidesToShow: 4,
      infinite: true,
      autoplay: true,
      regionLabel: 'caroussel',
      useGroupRole: false,
      responsive: [{
          breakpoint: 3000,
          settings: {
            slidesToShow: 3
          }
        },
        {
          breakpoint: 800,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 600,
          settings: {
            slidesToShow: 1
          }
        }
      ],
      prevArrow: '<button class="previous-button is-control">' +
        '  <span class="fas fa-angle-left-white" aria-hidden="true"></span>' +
        '  <span class="sr-only">Diapositive précédente</span>' +
        '</button>',
      nextArrow: '<button class="next-button is-control">' +
        '  <span class="fas fa-angle-right-white" aria-hidden="true"></span>' +
        '  <span class="sr-only">Diapositive suivante</span>' +
        '</button>',
    });

Thanks a lot!

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:13

github_iconTop GitHub Comments

1reaction
rianfloocommented, Jan 21, 2022

Hi @damnsamn @jasonwebb has merged the fix on master. You should be able to get the updated code and fix your issue but you will not able to use the library with NPM as the last version has not been published on it.

I managed to make it works on my project by minifing the code from the new version.

The only last problem is that aria-labels injected by the new version show as undefined in the markeup. You can use onInit Event to destroy all aria-label by looping on all slides. cc @Accessible360

0reactions
pratikbassicommented, May 17, 2022

Issue closed as fixed on master, will be in the next minor release. Separate issue created for “aria-labels injected by the new version show as undefined in the markup” for investigation. https://github.com/Accessible360/accessible-slick/issues/66

Read more comments on GitHub >

github_iconTop Results From Across the Web

Support Accessible Slick [#3196529] | Drupal.org
By default, accessible-slick automatically inserts the pause/play button if autoplay is true and useAutoplayToggleButton is not false. If we ...
Read more >
accessible-slick - the last (accessible) carousel you'll ever need
Setting this to false without providing an alternative control would likely violate WCAG 2.2.2, so be careful! useGroupRole, Type: boolean, Default: true ......
Read more >
Exporting data... - MSRB
An AJAX HTTP error occurred. HTTP Result Code: 200 Debugging information follows. Path: /batch?id=15454&op=do_nojs&op=do StatusText: OK ResponseText: window ...
Read more >
Release Notes | Ext JS 6.0.0 - Sencha Documentation
Date not setting initial value; EXTJS-19271 Tag field with multiSelect: false throws console error; EXTJS-19274 ComboBox collapsing as typed characters ...
Read more >
dcos-deploy - PyPI
You should separate your stack into groups and create a dcos.yml for each of ... dcos-deploy using the -e option (e.g. -e var1=foo)...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found