CSS grid configuration not found - IOS 8 Simulator

[JeffButler]

I checked out: https://github.com/akoenig/angular-deckgrid/issues/27 where I found

.deckgrid[deckgrid]::before { content: '5 .column.size-1-5'; visibility: hidden; font-size: 0; }

and firebean3's comment:

I added an element before the deckgrid inside the tab with the attribute ng-init="initialised=true;" I added to the deckgrid the attribute ng-if="initialised"

which fixed my initial issue in Chrome. However, with IOS 8 simulator I am getting the same No CSS grid configuration bug with these fixes.

Has anyone found a workaround for this issue?

[sovanna]

same problem... but in Safari, I suppose that if we found the solution, both will work as ios 8 use safari i think.

I continue to search, let me know if you found something, i will do the same, thx

[sovanna]

ça me met les nerfs que ça ne fonctionne pas, par contre, nickel sur chrome et sur firefox, so sad :(

[sovanna]

i've added a fucking hack in angular-deckgrid.js, in Deckgrid.prototype.$$getLayout func,

if (!content || content === '') {
    content = '4 .column.column-1-4';
}

it allows me to have kind of "default" value..

[JeffButler]

Thanks! I ended up doing a crazy hack as well to get it to work

[jamesblackwell]

Also had this issue, the hack proposed by sovanna works.

[Kelvin-Chu]

Thanks sovanna, I went with a more responsive (requires jquery) approach:

            if (!content || content === '') {
                var width = $(window).width();
                if (width > 1199) {
                    content = '5 .column.column-1-5';
                } else if (width > 991) {
                    content = '4 .column.column-1-4';
                } else if (width > 767) {
                    content = '3 .column.column-1-3';
                } else if (width > 479) {
                    content = '2 .column.column-1-2';
                } else {
                    content = '1 .column.column-1-1';
                }
            }

[dmytro-kushnir]

Kelvin-Chu, you saved my life! thanks!

[simison]

@DIma-Kush @Kelvin-Chu here's non-jQuery version of window width: $window.innerWidth