Collapsing viewport with Carousel Autoplay and adaptiveHeight

[SethHarlaar]

Describe the bug

When the carousel is set up to with adaptiveHeight: true, and also uses the 'Autoplay' plugin, the height of the viewport collapses to 0 when the viewport automatically scrolls to the next page.

This does not happen when manual scrolling is done, ie with buttons or with dragging - only when it happens automatically after Autoplay.timeout ms have passed

Reproduction

https://jsbin.com/vupivajuze/1/edit?html,output

I've created a JS Bin which replicates the problem, which I've linked to above.

Additional context

No response

[fancyapps]

Hi,

Thanks for the report and the demo. Unfortunately, when the adaptiveHeight option is enabled, the script reads the height of the first element of the slide, but the Autoplay plugin creates an element to show the playback progress. Therefore, the height is calculated inaccurately. This will be fixed in the next update, but you can also fix it using this snippet:

Carousel(
  document.getElementById('myCarousel'),
  {
    Autoplay: {
      timeout: 2000,
      progressbarParentEl: (instance) => instance.getContainer(),
    },
    adaptiveHeight: true,
  },
  { Autoplay },
).init()

https://jsbin.com/sohivajebe/edit?html,output

[fancyapps]

Hi,

This should be fixed in the latest update, see this demo - https://jsbin.com/joturinozu/edit?html,output

[SethHarlaar]

Awesome - thanks very much for your quick fix!