Faulty html and id generation on Views Slideshow Integration

Created on 11 August 2024, 3 months ago

I have 2 slides on my homepage.
Randomly, the views changes the flexslider #id or the html generated changes.
Even after multiple cache clears and with/without aggregating css and js files.

This initially happened on version 8.x-2.0, then I upgraded to 3.0.0-alpha1 but this issue persists.

First Slide: Fleslider-1

  • Has 3 slides and slides to the right by 1. On mobile it should show 1 slide only.
  • Randomly the homepage loads with 1 big image but it's not the mobile view being triggered.

Normally, the html looks like:

  • <ul class="slides" style="width: 1000%; transition-duration: 0.7s; transform: translate3d(-633px, 0px, 0px);">
  • but when it goes bad the html looks like:
  • <ul class="slides" style="width: 1400%; transition-duration: 0s; transform: translate3d(-1901px, 0px, 0px);">

Crazy, aye!!

Slide 2: Flexslider-2

  • Has only one slide but the problem with this is that the slide id goes from flexslider-2 to flexslider-1.
  • This would throw off any css work I would have done using the #id..
  • The fix was just to use the opstionset or .flexslider class..

Has any experienced this?

πŸ’¬ Support request
Status

Needs review

Version

3.0

Component

Views Slideshow Integration

Created by

πŸ‡§πŸ‡§Barbados ShockWave08

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.71.5 2024