Streaming live at 10am (PST)

Interaction positioning issue in Firefox


#1

Hi folks! (@PixelGeek @vincent @nwdsha @Waldo) Does anyone know why this interaction positioning is behaving like this in Firefox when I first load the site?

It should look like this, as it does in Chrome:

When I re-size the window in Firefox, the positioning fixes itself... It's only when first loading the site in Firefox...

I'm thinking it may be flex box issues?

Thanks! Kai

Share Link:
https://preview.webflow.com/preview/post-detection-protocol?preview=1ae35ad09e8fcad76ba934815cc58e05

Website:
http://post-detection-protocol.webflow.io/


Here is my public share link: LINK
(how to access public share link)


#2

Super cool build here @Keejo :clap:

Whenever I set up rotation interactions I set it to 0 degrees with 0ms as the first interaction and that usually prevents any odd behavior from occurring:

It may also be that your divwrapper1 class isn't set to Relative position but I'm not entirely sure what is causing the break, I will need to look further into it this evening.


#3

Thanks @Waldo ! Sorry about my random class names... not tidied them up yet... Its amazing that you can sift through random class names and find stuff so quickly! I will implement immediately! :fist: Thanks for your help. Regards Kai


#4

@Waldo - just out of curiosity, did you get the same issue in Firefox? Thanks!


#5

Hi @Keejo yep I was able to reproduce the behavior in Firefox. Did the above fixes help resolve the issues by chance (I'm not seeing them live yet), it's possible that it's a flexbox style issue in Firefox but I'm not aware of any Firefox flexbox bugs like that.


#6

Hi @Waldo - Ah, good to know its not just me then! Thanks - I've made the fixes (which were good to do anyway!) but no joy... I think it's flex box too... not a bug but maybe a mistake I've made...


#7

Hi @Waldo - If I turn off flex box on divWrapper4 I seem to get similar looking behavior... :thinking:


#8

@Keejo once again very cool 3D design!


#9

@vincent - Thanks pal! :smile:


#10

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.