Kendo UI Mobile - CSS attribute resets on view transition when removed in JQuery -

Kendo UI Mobile - CSS attribute resets on view transition when removed in JQuery -

currently handling flicker of unstyled content of kendo mobile web app applying next css rule within css file:

[data-role="content"] { visibility: hidden; }

this hides of content within kendo views, in jquery "load" event, remove above css attribute:

$(window).bind("load", function () { // flicker of unstyled content $("[data-role=\"content\"]").css("visibility", "visible"); });

all has worked fine , haven't had issues this, except when using kendo's view transitions.

when utilize slide:left transition, original visibility: hidden; defined in css file re-applied, causing invisible.

is there reason why happening, specifically, kendo , how handles views , transitions? understand manually add together class visibility: hidden; each data-role="content" element, , remove class in jquery's "load" event handler, wanted solution bit less "hardcoded."

thank you.

the data-role=content attributes set when view initialised - load event handler won't impact views (unless have data-role=content set manually).

you may consider hiding application container instead.

jquery css kendo-ui