Tagged: , ,

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • April 8, 2021 at 5:56 pm #1293365
    dermachiel

    Hello,
    Using the Fullscreen Slider with a fixed Image (Background) works fine in all browser except FIREFOX. In firefox the image just scrolls. Of course I also tried in a clean enfold setup without child theme.
    I didn’t work in enfold 4.7.x and i just upgraded to the latest enfold version 4.8.1 and its still not working. Any fixes for this?
    best regards, machiel

    April 8, 2021 at 10:28 pm #1293395
    dermachiel

    Hi,

    it works if I remove the translateZ in shortcodes.js (line 1165) and unset the -webkit-transform-style from “.avia-slideshow-inner li”…
    I dont’t see any negative effect after doing that. Could you please explain what doesn’t work after removing these two settings?

    thanks

    April 12, 2021 at 5:22 am #1293834
    Ismael

    Hi,

    Thank you for the inquiry.

    The transform property is manually added to enable hardware acceleration, or to enable the use of the graphics card to help render the page or the slider for a smoother transition. But most devices now can handle site rendering without it, which is why you are not seeing any changes.

    Best regards,
    Ismael

    September 23, 2021 at 4:23 pm #1322059
    Guenni007

    Yes – but he is right even on the newest Enfold – the fixed background is not fixed in firefox browsers.

    September 25, 2021 at 6:31 pm #1322298
    Günter

    Hi,


    @guenni007

    This seems to be a known “problem” in FF.

    https://bugzilla.mozilla.org/show_bug.cgi?id=1292499

    Applying the changes above do not work – only on initial pageload the image is fixed. When you rotate the slides images are scrolled again.

    I will add a note to the element.

    Best regards,
    Günter

    September 26, 2021 at 7:39 am #1322333
    Guenni007

    Yes – i found that link too – but i thought that there is in the meanwhile a solution from firefox til now.
    See Date ot that topic: Opened 5 years ago Closed 5 years ago

    October 4, 2021 at 7:52 am #1323386
    Ismael

    Hi,

    It works on Firefox/Dev when we remove the -webkit-transform-style property and use the following css code, but this will also break the slider because it relies on the transform property to move the sliders.

    .avia-mozilla .avia-fullscreen-slider .avia-slideshow[data-image_attachment="fixed"] > ul > li {
	transform: none !important;
}

    Looks like the Firefox developers were not planning on fixing this based on the thread that @guenter posted above.

    There was a discussion [1] that involved all major browser vendors, including Chrome, which resulted in a consensus to change the spec [2] to treat background-attachment:fixed inside a transform as if it was background-attachment:scroll.

    Best regards,
    Ismael

  • Author
    Posts
Viewing 7 posts - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.