Browser: Chrome 110
OS:Windows
Hello bricks team,
If we set a layout element (like a block) to Fixed, when we scroll over a Nestable slider element, the pagination will be placed on the layout. Applying z-index to the layout solves the problem.
Hi Victor,
Thanks so much for your report!
Can you show me an example so that I can explain the cause to you if it is not a bug?
Best regards,
timmse
Hello @timmse. Sorry for the late reply.
Please paste the following structure into a blank page and then scroll up. Pagination Dots will be placed on the fixed layout.
{"content":[{"id":"iuwerw","name":"section","parent":0,"children":["zlllnh"],"settings":{}},{"id":"zlllnh","name":"container","parent":"iuwerw","children":["wzwdnq"],"settings":{"_padding":{"top":"500","bottom":"200"}}},{"id":"wzwdnq","name":"slider-nested","parent":"zlllnh","children":["zrlerd","hqeane","qhflhk"],"settings":{"_background":{"color":{"hex":"#e6e7e8"}},"pagination":true}},{"id":"zrlerd","name":"block","parent":"wzwdnq","children":["hjzsoj","poklbi"],"settings":{},"label":"Slide 1"},{"id":"hjzsoj","name":"heading","parent":"zrlerd","children":[],"settings":{"text":"Slide 1"}},{"id":"poklbi","name":"button","parent":"zrlerd","children":[],"settings":{"text":"I am a button","size":"lg","style":"primary"}},{"id":"hqeane","name":"block","parent":"wzwdnq","children":["wtizeg","ldlrtg"],"settings":{},"label":"Slide 2"},{"id":"wtizeg","name":"heading","parent":"hqeane","children":[],"settings":{"text":"Slide 2"}},{"id":"ldlrtg","name":"button","parent":"hqeane","children":[],"settings":{"text":"I am a button","size":"lg","style":"primary"}},{"id":"qhflhk","name":"block","parent":"wzwdnq","children":["pndenq","euhqkf"],"settings":{},"label":"Slide 3"},{"id":"pndenq","name":"heading","parent":"qhflhk","children":[],"settings":{"text":"Slide 3"}},{"id":"euhqkf","name":"button","parent":"qhflhk","children":[],"settings":{"text":"I am a button","size":"lg","style":"primary"}},{"id":"veafcz","name":"section","parent":0,"children":["rqbiwt"],"settings":{"_background":{"color":{"hex":"#ffffff"}},"_boxShadow":{"values":{"blur":"5","offsetY":"-3"},"color":{"hex":"#212121","rgb":"rgba(33, 33, 33, 0.11)","hsl":"hsla(0, 0%, 13%, 0.11)"}},"_position":"fixed","_bottom":"0"}},{"id":"rqbiwt","name":"container","parent":"veafcz","children":[],"settings":{"_padding":{"top":"20","bottom":"20"},"_alignItems":"center","_height":"80"}}],"source":"bricksCopiedElements","sourceUrl":"https://try.bricksbuilder.io/t4ccb117","version":"2.1.4"}
Thank you. The pagination has a z-index of 1 to ensure that the dots are always above your slides.
In contrast, your fixed section does not have a z-index. Give it a z-index of at least 1 as well, and the section will be above the pagination.
1 Like