mixitup Issues with float-based layouts in latest v3.1.11

Animations not working – content disappearing on transition. Inline-block or flexbox solves the problem but needs investigation.

Jun 01 '17 09:06 patrickkunka

v3.1.9 seems to not have this problem and is working ok without any css changes for float frameworks. Looking at commits for v3.1.10, this was just a demo addition, so the features added for 3.1.11 seem to be were this change occurred.

Jun 01 '17 12:06 rbaugh

Hi,

I'm using floated DIVS, is this still a known bug in 3.2.2 version? Is there a work around, I tried inline-block for the .mix class itself but no change.

Br, Toube

Jan 28 '18 18:01 Toubef

Floats are not recommended for use with MixItUp.

We recommend inline-block or flexbox, but your markup structure should also conform to certain constraints. Please see the following demos for examples:

https://demos.kunkalabs.com/mixitup/grid-flex-box/ https://demos.kunkalabs.com/mixitup/grid-inline-block/

https://www.kunkalabs.com/tutorials/marking-up-mixitup-containers/

Jan 29 '18 20:01 patrickkunka

Hi Patrick,

great thanks, the flexbox seems to do the trick. I shall now try the version 3 using flexboxes.

Br, Toube

Jan 30 '18 07:01 Toubef