search

s-yadav / angulargrid

Pinterest like responsive masonry grid system for angular
MIT License
277 stars 105 forks source link

Firefox tiles display as overlapping. #51

Open marcusmotill opened 8 years ago

marcusmotill commented 8 years ago

On version 0.5 there is a bug where in firefox only the tiles. They look like a deck of cards stacked on top of each other. The tiles being rendered are individual directives.

marcusmotill commented 8 years ago 
<ul angular-grid="searchModel.results" class="dynamic-grid"
        ag-options="{gridWidth : windowWidth(), gutterSize: 20, refreshOnImgLoad:false}" ag-id="gallery">
        <li class="grid" ng-repeat="result in searchModel.results | limitTo:25 ">
            <section>
                <gallery-basic-tile ng-if=""blah blah">
                </gallery-basic-tile>
                <gallery-other-tile ng-if=""blah blah">
                </gallery-other-tile>
            </section>
        </li>
    </ul>
s-yadav commented 8 years ago

This is not firefox specific issue. You have to either enable refreshOnImgLoad, (make it refreshOnImgLoad : true) or define actual-width and actual height on each images, so angulargrid can layout properly while image is loading

ovarunendra commented 8 years ago

We are using version 0.5.4 with refreshOnImgLoad=true, but the same issue happen in chrome browser also which is not consistent. It happens randomly, no proper step to reproduce.

marcusmotill commented 8 years ago

Agreed still happens to me with defined sizes too

marcusmotill commented 8 years ago

bump

s-yadav commented 8 years ago

@marcusmotill It will be helpful if you can setup a fiddle.

renanss commented 7 years ago

Hi s-yadav, we're having the same issue on our card list on Firefox. It somehow overlaps the grid and then reorganize properly. This delay takes from ~500ms up to 10 sec from device to device. ps. We're using the plugin only on desktops browsers. You can check it on our live web site: https://premio.reclameaqui.com.br/ To emulate it you can create an Account on top-right button "Entrar" And then login and logoff to reload the grid. Any clue will be appreciated. Thanks