Starting position not working

[anuran-Chakraborty]

{
      responsive: [
        { end: 576, size: 2 },
        { start: 576, end: 768, size: 3 },
        { size: 8 },
      ],
      position: {
        // Start from '1' on mounted.
        start:0,
      },
    },

using the above snippet in the options does not move the starting postion. It is starting from a position such that there is no right scroll. That is in this case for a desktop env it is starting woth the last 8 elements. How can I make it start from 0.

[fuxingloh]

You might want to use another repo called Vue Horizontal instead. It has better support and testing.

1. GitHub Repo: https://github.com/fuxingloh/vue-horizontal
2. All features and docs: https://vue-horizontal.fuxing.dev/features
3. Starting position with mounted: https://vue-horizontal.fuxing.dev/others/autoplay#mounted

[anuran-Chakraborty]

I had used this but was facing some other issue as the scroll button was not appearing on desktop systems. So i used this. This works fine except for the starting position. On all systems it is starting from the last 2 or last 3 or last 8. It would be great if you could solve this.

[fuxingloh]

Wild hunch is your content collapsing because it's empty? For reference: https://css-tricks.com/make-sure-columns-dont-collapse-horizontally/

Additionally <img> causes content to collapse when it's still loading, if so adding a min-height: 1px might help.