Transition Effect 'Slide' broken in Firefox 58.0.1

  • Author
    Posts
  • #59312

    The slide transition (right to left) slides in a blank slide after which the image appears. If this is not a Serious Slider 1.1.0 bug it should be reported to Firefox bugzilla as Firefox is a ubiquitous preferred browser. I had to create a workaround based on code shown in the above mentioned post and attribute mutations for the Septera landing page without any changes to the slider.js. Please confirm if this is a Firefox or Serious Slider issue. Thanks…

    • This topic was modified 1 year, 5 months ago by  Zed.
    • This topic was modified 1 year, 5 months ago by  Zed. Reason: merged both topics
    #59219

    This may not be a “serious slider” bug but since Firefox Quantum updated to 58.0.1 the slider when set to animation type ‘slide’, the ‘right to left’ slide either on automatic or via the manual right hand slider arrow, slides in blank before the image appears, and sporadically functions normally. Manually selecting the left hand slider arrow the ‘left to right’ slide functions normally. I have not observed this for Cyberfox’s Firefox ESR version, or for MS Edge. I assume this might be a Firefox issue, and not a slider bug revealed by this update just released on January 29, 2018. Can you confirm this? Thanks…

    #59277

    It appears to be some kind of a timing problem which I confess I don’t really understand…
    But as an experiment I modified …\plugins\cryout-serious-slider\resources\slider.js as follows:

    after line 253 I added 2 functions:

    `function simulateClick() {
    var event = new MouseEvent(‘click’, {
    view: window,
    bubbles: true,
    cancelable: true
    });
    var body = document.getElementsByTagName(“body”)[0];
    body.dispatchEvent(event);
    }

    function runSim(count) {
    window.setTimeout(function () {
    simulateClick();
    count -= 1;
    if (count > 0) {
    runSim(count);
    }
    }, 10);
    }`

    in Carousel.prototype.slide after line 219 I added:

    runSim(10);

    This doesn’t explicitly add time to the Transition Duration but the additional thread
    activity permits the slide image to get properly loaded before the slide animation starts,
    eliminating the blank slide.

    #59389

    The ‘Slide’ Transition Effect issue may be broader than just firefox 58.0.1, since for both firefox and edge I found than when the Septera landing page is open in 2 separate tabs at the same time, switching from one tab to the other may cause a blank slide to appear as the next slide image replaces it, that is if the animation is in progress on the selected tab, which it typically is. For this too I had to create a workaround.

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Transition Effect 'Slide' broken in Firefox 58.0.1’ is closed to new replies.