SOLVED: Carousel always catches pageup / pagedown

[Gorgator]

Hello,

i have a problem with carousel elements. They always interrupt pageup / pagedown keystrokes in order to scroll through the carousel elements.

The user experience is disturbed badly. You always get stuck whenever a carousel is placed on a webpage.

There is no switch to turn this off.
I tried adding data-splide=“{‘paginationKeyboard’: false}”
as described in the splidejs documentation,

Options - Splide

but it did not work.

(How come i am the only one bothered by this?
am i missing something?
I you have a long one-pager where pagedown gets suddenly interrupted, that is bad UX)

please help

[aslotta]

Hey Gorgator,

thanks for your report.

Would you be so kind to provide me with a link to a page where I can see the issue in action? Then I’m happy to check what our options are.

Best,

André

[Gorgator]

Hi André,

thanks for the swift answer.

Examples would be:

https://sbrfussball.wedeon.it/

https://seo-wald.wedeon.it/

Just pageDown from the top an you will see what i mean

Take care,
Georg

[aslotta]

Hey Georg,

sorry that it took some time. I just had a look at your issue and was able to reproduce the behavior.

What would your expected behavior look like? The page up / down keys should (in contrast to the regular arrow keys) not be used for the carousel navigation at all?

Can you please check if the following JS snippet works for you?

document.addEventListener('DOMContentLoaded', () => {
    let carousel = bricksData.swiperInstances['gaybll']
    carousel.params.keyboard.pageUpDown = false
})

Please replace the gaybll within my snippet with your carousel element’s ID:

Best,

André

[Gorgator]

It does not work:

Uncaught TypeError: can’t access property “params”, carousel is undefined

I placed it at the footer but i think the carousel is lazy loaded therefore it cannot find it.

But i need a solution that keeps the normal user experience.
It is normal to use page down to read a page alongside mousewheel.

I have carousels in almost every page i am going to build, so a possibility to edit these parameters would be great.

[aslotta]

Hey Georg,

as discussed we will provide a fix for this behavior in the upcoming version. Thanks a lot for testing it.

Best,

André

[aslotta]

Hey @Gorgator,

we’ve fixed this issue in Bricks 1.9, now available as a one-click update in your WordPress Dashboard.

Please let us know if you are still experiencing issues.

Best,

André