Chrome issue - angular-deckgrid: No CSS configuration found

[mkoldobsky]

I am getting this issue on Chrome (not on Firefox) even you demo site is not working. A few days ago it use to work.
Chrome Version 34.0.1797.2 dev-m

[akoenig]

Hej,

good to know. Thanks. The current version of Chrome (32) is working like a charm. So maybe it will work again when the development settled a little bit here.

/André

[kirkstrobeck]

We're working with an install too and would love to see it work in future forward versions of Chrome. Right now we can't use the new mobile emulator dev tools :(

[NathanWalker]

Bug filed here: https://code.google.com/p/chromium/issues/detail?id=327713

Wrong issue.

[NathanWalker]

Related Discussion here: https://groups.google.com/a/chromium.org/forum/#!topic/chromium-html5/I_PRYCqLPLY

However it sounds like maybe it's a display:block thing. Maybe latest Chrome is getting stricter around an elements display settings? Still diagnosing myself.

UPDATE: Not sure. Definitely, with Chrome Canary, $window.getComputedStyle(this.$$elem, ':before').content in $$getLayout returns empty string, but in public chrome release, it returns proper :before content. So getComputedStyle either works differently now in upcoming versions of Chrome and we need to find a different way of grabbing that css setting, or it is just broken.

[mkoldobsky]

Thanks for the feedback

[akoenig]

@NathanWalker @mkoldobsky We have to observe this further, definitely. I'm sure that this is a problem which is "Canary build exclusive" and I'm looking forward that it is gone when the version reaches higher channels.

[darylrowland]

I'm seeing this too unfortunately - in the public chrome build Version 33.0.1750.117. Any ideas on how to fix it?

EDIT: As a temporary fix I've just hardcoded the :before values in the code (on line 293). Obvsiously not ideal but will work for now!

if (!content) {
content = "3 .column.column-1-3";
}

[akoenig]

Okay, I have also just installed the latest version of Google Chrome from the beta channel (33.0.1750.117 beta) and can reproduce this monster. After a few experiments I was able to isolate a workaround. If you hide the pseudo selector with visibility:hidden like:

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

the Deckgrid appears as usual. I still have to check if this has side effects on other browsers. If not, then this might be a solution.

[akoenig]

Checked in the current stable release of Firefox (27) and Firefox Aurora 29.0a2 (2014-02-19). Everything looks normal! Cool!

I will update the README.

[exentrich]

Also need to add

font-size: 0;

In my case fixed this bug:

[akoenig]

Thanks, @exentrich. I updated the README file.

[NathanWalker]

Works perfect @akoenig , great job on finding this workaround, or probably consider a solid fix.

[mkoldobsky]

Great work, thanks

[akoenig]

@NathanWalker @mkoldobsky Glad, that it works for you.

[feus4177]

When I ran into this error it was because we didn't have our CSS/HTML configured correctly. The solution was to have <div deckgrid ...> in the HTML and the CSS selectors configured like .deckgrid[deckgrid].... In the deckgrid source there is a regex that expects this CSS selector.

[Nicolazinho]

On the Ionic platform I still experienced the problem @exentrich mentioned earlier.

Replacing visibility: hidden; with display: none; resolved it for me.

[srameshr]

Tried replacing visibility: hidden; with display: none;.
It does not work.