Issues with Firefox

Parallax + blur on scroll

Problem description

Slide background images flicker during page scroll, when they're blurred and the parallax effect is used on them.

Zoom problem

Problem description

When zoomed to 90% the slider background can't cover the slider properly. the problem only occurs on 90% zoom.

Rendering issue

Problem description

At the Split Slider demo sometimes the menu disappears because of a Firefox rendering issue.

Hovered layer disappears

Problem description

When you hover over a layer, because of the same rendering issue mentioned before, Firefox will make some elements disappear on hover because of the most basic CSS codes, like:

a:hover { color: blue; }

An available workaround is not to use hoverable elements, like <a> links. Our layers (for example Button layer, Image layer) are using <a> links, so you shouldn't use them. But Row, Col and Slide elements are only using JavaScript links, what you could use.

Blur on page with scrolltop on Mobile

Problem description

The page becomes jumpy when blurred elements (like the blurred background in case of the Blur fit fill mode) are on the page, during a page scroll top. Only mobile devices are affected

Showcase slider

Problem description

When Rotate X or Rotate Y is used, the rotated slides look weird and different than for example in Chrome.

Transition layer

Problem description

The Transition layer has a weird skewing on hover.

Youtube video is not clickable

Problem description

The Youtube layer's video is not clickable on Firefox, or its controls are off, like you cannot click on the video's timeline, volume adjustment.

This issue is caused by a Firefox bug, which messes up the video's clickable area while certain CSS codes are used, what we are using too with force fullwidth at Fullwidth and Fullpage sliders. If your slider is in a fullwidth placement, you can turn off force fullwidth, and then this issue shouldn't happen.