Streaming live at 10am (PST)

Firefox and Iframe inside tabs


#1

Hi There

I have got an issue with getting an iframes to displaying in Firefox.
They are contained within tabpains. see link http://blureyecare.webflow.io/frames the UNISEX tab is fine as is any tabpain that is set to active, meaning if I was to set MEN to be the active Tabpain you will see the tabpain content.


It is working fine in Crome and Safari but not in Firefox. Its like the frame doesn't activate inside the tab when selected.

Hope someone out there can help as we are due to go live this week. :grinning:

https://preview.webflow.com/preview/blureyecare?preview=5cd386d3d03e6decd1014d22ec46591c
http://blureyecare.webflow.io/

Thanks folks


#2

Why are you nesting functions here? Where did you get this code from?

$(document).ready(function() {
  $(function(){
    $('#container').mixItUp(); 
  });
});

#3

Hi Samliew

https://webflow.com/website/mixitup-filtering

Is where I got the code from

Cheers


#4

Hi Sam
I have been looking for someone like you to help me with javascript and code issues. I am happy to pay for your services, could you give me so ideas around rates please.

Cheers
Andrew Nalder
Director

Web: www.whattheheck.co.nz http://www.whattheheck.co.nz/
Mobile: +64 21 808000

Address:
8 Kittyhawk Way,
Mt Maunganui
TAURANGA 3116


#5

I think the issue is that mixitup doesn't work well when the element is hidden on page load. It should be possible to fix it by initializing the iframes off-screen, then insert them into the tabs.