I'm using FlexSlider 7.x-2.0-alpha3 combined with Owl Carousel 7.x-1.0, both as a view.

The Flexslider is on top left of the page (with the big white bold text), on the left of the YouTube video, 2 Owl carousels should appear right below the orange bar (below the title "Onze activiteiten" and the title "Doorlopende activiteiten" (see screen)).

On Chrome (v34) this is working flawlessly, but on Firefox (v28, latest) the Owl carousel is set to display: none, and there's no inline style to set it to block (unlike in Chrome).

I disabled one of the two carousels to check if they weren't conflicting with each other, but they weren't apparently. Then I disabled the Flexslider, an there they were. So I guess the issue must be somewhere in the combination of both the jQuery driven applications.

I am not sure if this an issue with Owl carousel or Flexslider though (notice that the transition of the Flexslider isn't behaving on Firefox as it should either - and in Chrome it does work as it should).

Support from Acquia helps fund testing for Drupal Acquia logo

Comments

knalstaaf’s picture

A good remark would be: why am I not using Owl carousel for the slideshow on the top left as well?

I think I will do that tomorrow, I'm not totally convinced about Flexslider contrary to Owl carousel. Still I want to report this for the record.

knalstaaf’s picture

Issue summary: View changes

I removed the link from the starting post after replacing the Flexslider with a Single itemed Owl carousel. Works perfectly.

knalstaaf’s picture

Title: Conflict with Flexslider on Firefox » Conflict with carousel modules on Firefox
Project: Owl Carousel » Flex Slider
Version: 7.x-1.0 » 7.x-2.x-dev

I'm seeing this phenomen on other websites as well, which also have a carousel (not the Owl carousel), combined with Flexslider.

Google shows similar issues since Firefox 26; probably an issue with the Flexslider-script (or with Firefox).