jonathantneal / flexibility

A JavaScript polyfill for Flexbox

Home Page:https://jonathantneal.github.io/flexibility/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

not sure how to use it ?

phil123456 opened this issue · comments

Hi,

I tried implementing "flexibility" but with no luck

the problem is that I create my child elements dynamicaly, so I am not sure if I have to call flexibility once on the main div and then create the child elements or call flexibility everytime I create the child elements ?

the child elements, apparently are stacked instead of beeing grouped by 3

parent

<div data-style="display: flex;" id="mediaManager_medias" style="display: flex;flex-wrap: wrap;-js-display: flex;"></div>

children

<div style="width:300px;height:300px;margin:3px;min-width: calc(33.3333% - 10px);">

can someone enlight me on this ?
thanks

I'd assume you'd need to run flexibility after the elements are built

got it to work but the divs are like
[]
[] []
[]
[] []
[]
[] []
instead of 3 in a row
[] [] []
[] [] []
[] [] []

Have you used any :nth-child or :nth-of-type selectors that may be causing it?

no, the only style I used are mentioned above

What happens if you remove the margins from the child elements?