WIP: Nestable slider overflow Causes horizontal/vertical scrolling to be displayed in the builder

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tool: jam.dev)

Hello bricks team.

I have created an overflow by applying padding to .splide__list and it works fine. But the problem is that if I hover over the overflow in the builder, horizontal and vertical scrollbars appear and cause the builder to jump. This happens when the slider type is slide and not a loop.

Slider overflow

Hi @Victor1999,

just so that I have the same structure and CSS as you, can you copy-paste your slider with the relevant CSS, so I can test it?

Thank you,
Matej

Hi @Matej,

{"content":[{"id":"bghwfn","name":"section","parent":0,"children":["tttktw"],"settings":[]},{"id":"tttktw","name":"container","parent":"bghwfn","children":["yrbmrm"],"settings":[]},{"id":"yrbmrm","name":"slider-nested","parent":"tttktw","children":["mlzqlg","mstmnf","vpyrui"],"settings":{"pagination":true,"slideBackground":{"color":{"hex":"#e0e0e0","id":"253797","name":"Color #2"}},"gap":"20","arrows":true,"type":"slide"},"selectors":[{"id":"zcvhen","selector":".splide__list","settings":{"_padding":{"right":"10%"}}}]},{"id":"mlzqlg","name":"block","parent":"yrbmrm","children":["crrkjs","fzdaru"],"settings":[],"label":"Slide 1"},{"id":"crrkjs","name":"heading","parent":"mlzqlg","children":[],"settings":{"text":"Slide 1"}},{"id":"fzdaru","name":"button","parent":"mlzqlg","children":[],"settings":{"text":"I am a button","size":"lg","style":"primary"}},{"id":"mstmnf","name":"block","parent":"yrbmrm","children":["pwisby","kbwjlq"],"settings":[],"label":"Slide 2"},{"id":"pwisby","name":"heading","parent":"mstmnf","children":[],"settings":{"text":"Slide 2"}},{"id":"kbwjlq","name":"button","parent":"mstmnf","children":[],"settings":{"text":"I am a button","size":"lg","style":"primary"}},{"id":"vpyrui","name":"block","parent":"yrbmrm","children":["pwkkyi","smcxig"],"settings":[],"label":"Slide 3"},{"id":"pwkkyi","name":"heading","parent":"vpyrui","children":[],"settings":{"text":"Slide 3"}},{"id":"smcxig","name":"button","parent":"vpyrui","children":[],"settings":{"text":"I am a button","size":"lg","style":"primary"}}],"source":"bricksCopiedElements","sourceUrl":"https://try.bricksbuilder.io/t4ccb117","version":"2.0","globalClasses":[],"globalElements":[]}

I just found out that this problem only exists in Chrome browser. I don’t know if it helps or not but I use Windows.

Thanks

Hi @Victor1999,

thank you so much for sharing the slider JSON. I was able to replicate it and I’ve added it to our internal bug tracker :slight_smile:

Best regards,
Matej

1 Like