Pro 5.1 Beta - Various Slider Bugs

Beta
#1

Yewww! Finally a new Slider element! :partying_face:

Element is looking awesome guys, well done @alexander & the rest of the team!

A few initial possible bugs I’ve noticed for review:

  • When you manually resize a browser window and the slider is set to Carousel Wrap, the slider basically spins very quickly and is a little offputting - this might be an easy fix to stop it from continually readjusting based on margins (or something along those lines) to fit the changing browser window size. I’ll add a link to my site for you to try this out rather than send a video.

  • I have set a border on each of my slides, and have noticed that the bottom border disappears on the front-end when no margins or padding is set:

    Screen Shot 2021-10-13 at 3.00.46 pm
    Screen Shot 2021-10-13 at 3.00.46 pm1758×653 39 KB

    I effectively had to set the padding to 2px per below, but even then, when changing the browser window size the border sometimes disappears again (on front-end):
    Screen Shot 2021-10-14 at 9.37.39 am
    Screen Shot 2021-10-14 at 9.37.39 am2800×1086 256 KB

  • Minor bug with the setting of colours of the Slide Pagination buttons - you can see below the highlighted button should be Blue (there are 3 buttons, but the first is transparent instead of Blue), but it doesn’t render this Blue on both the back and front-end:

    Screen Shot 2021-10-14 at 9.40.06 am
    Screen Shot 2021-10-14 at 9.40.06 am1524×984 66.2 KB

  • The Slide Navigation sub-element (using ‘Slider Stacked’ option) is set to a weird top margin where it was overlapping the content, so in order to set Navigation buttons/arrows to underneath the slider content I had to set a 3rem margin:

    Screen Shot 2021-10-14 at 9.46.34 am
    Screen Shot 2021-10-14 at 9.46.34 am1816×1212 463 KB

Will keep reviewing!

Cheers,
Sam

1 Like
#2

Thank you so much!

  • RE the carousel issue, I’ve adjusted the timing final synchronization until you stop resizing for a few hundred milliseconds.
  • As for the bottom border, the Slider Container has Overflow set to “Hidden” by default.
    • The main reason is to prevent the content from bleeding out horizontally and covering up neighboring elements.
    • It has the potential to cut off borders and box shadows from Slides (and child elements). Considering your slider is full width, it should be no problem to change Overflow to Visible
    • To better visualize the relationship between Slides, the Slide Container, and surrounding elements, there is a show-outlines class you can add to the Slide Container.
  • Slide Pagination color bug is fixed for the next patch.
  • I believe the issue you’re seeing with the stacked navigation is that it has a transform (effects) moving it down 50%. This is to keep it vertically centered.
1 Like