Browser component blocks Swiper copmponent , BUG?

Wappler General How To
#1

Hey guys,

I’m almost sure that this is a bug but I always try to inspect if it is my fault…
I wasted 3 days trying to add a fullscreen background slideshow to my page using Swiper component.
I was able Swiper OR to be responsive OR to auto play… Couldn’t have both.

So, I just realized that if browser exists in the same page then conficts with swiper and swiper’s functionality.

How to reproduce:

  1. Add a Swiper component and make it fullscreen responsive
    (related document : Responsive Fullscreen Swiper)
    At that point Swiper behaves as it should, AutoPlay and Fullscreen responsive

  2. Add Browser component in the same page.
    Swiper cant AutoPlay and be Responsive…

wappler 6.1.2 stable
win.10

My dmxBrowser.js is:

/*!
 App Connect Browser
 Version: 2.2.3
 (c) 2023 Wappler.io
 @build 2023-03-15 15:12:15
 */

My dmxSwiper.js is:

/*!
 DMXzone Swiper
 Version: 1.2.1
 (c) 2023 Wappler.io
 @build 2023-09-14 09:03:15
 */

My swiper.min.js is

/**
 * Swiper 9.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 6, 2023
 */

My swiper.min.css is:

/**
 * Swiper 9.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2023 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 6, 2023
 */

If this is not happening in 6.3.3 just ignore my post

#2

I can’t recreate this issue using the latest versions of the extensions on the beta channel.

1 Like
#3

Thanks brother.

Just to make sure:

image
image1401×621 61.4 KB

  • Swiper and Browser components in the same PHP page
  • Swiper’s AutoPlay option = true

It is responsive and auto playing?

#4

Yes, same config, it auto plays and is responsive.
You can try yourself also by switching to beta extensions.

#5

Thanks again for confirming!

I’m almost ready to launch my project and I would like to avoid checking all the project fanctionality at this point…
Anyway, I will try for now to replace the slideshow with a custom one I started making and when I’m ready I will update to latest wappler and check everything is OK.

You’re suggesting to update to 6.3.3 and Beta OR you just mean to stay on 6.1.2 and just change to Beta chanel?

#6

You can just update to the latest version, nothing has changed much from 6.1 and 6.3 in terms of UI. Then switch to beta :slight_smile:

1 Like