3D Carousel Bundles force page reloads in mobile screens

Created on 23 July 2022, over 2 years ago
Updated 27 June 2024, 5 months ago

Problem/Motivation

3D Carousel Bundles force page reloads on mobile devices.

Steps to reproduce

Add a 3D Carousel Bundle either images or text on a page, visit the page on a mobile device and try scrolling down.

Proposed resolution

Fix the issue with refreshing the page to rebuild the carousel.

For me to get going pending a resolution, I removed the following code:

   // refresh the page to rebuild the carousel.
  let currentWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
  window.onresize = function () {
    let newWidth = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
    if (Math.abs(newWidth - currentWidth) >= 50) {
      location.reload();
      currentWidth = newWidth;
    }
  }
πŸ’¬ Support request
Status

Closed: works as designed

Version

1.0

Component

Code

Created by

πŸ‡³πŸ‡¬Nigeria chike Nigeria

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

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024