@egjs Flicking plugin for Vue. Not working adaptive

[danilpon98]

Hi, everybody. I'm using the "@egjs/flicking" plugin for a Vue 2 project. I have a slider with different panel heights. I want the height of my slider to adapt to the largest size of the panels that are in the field of view. Please tell me how I can do this?

Live Demo

[malangfox]

Hello @danilpon98.

This seems to be an error in adaptive option. We will notify you after this error is fixed.
Thank you for reporting this invalid behavior.

[danilpon98]

Thank you, @malangfox, I'm really looking forward to your message

[malangfox]

We have released a new version(v4.9.1) that fixes this issue.

Also, in your example, it seems that the height of each panel element inside Flicking should have a height that will change.

Before - Each panel had another panel of its own height inside it.

<flicking :options="options">
  <div v-for="(panel, i) in panels" :key="i">
    <div class="panel">{{ panel }}</div>
  </div>
</flicking>

After - Height of the contents in the panel are correctly applied to the panel.

<flicking :options="options" ref="flicking">
  <div class="panel" v-for="(panel, i) in panels" :key="i">
    {{ panel }}
  </div>
</flicking>

You can check this similar implementation demo.

Thank you for your patience. It would be nice if this could be resolved.