App initialization from div container doesn't work

[Roman]

I came across this while trying to implement a universal Kendo UI app for phone/tablet based on this how-to:

http://docs.telerik.com/kendo-ui/howto/universal-mobile-apps-html5

When trying to initialize the application from a div instead from the body element, I'm getting an empty page with no output in the console. I have set this up here:

http://jsbin.com/mutes/2/

Now when you remove the wrapping div and initialize the app from the body (or give the body the id of the div), everything works fine.

[Alexander Valchev]

Hi Roman,

Because mobile View containers are absolutely positioned the #phoneApp element is not expanded, e.g. its height is zero which is why you see a blank screen.
The solution is to include the following CSS:

html, body, #phoneApp {
  height: 100%;
}

I hope this information will help.

Regards,
Alexander Valchev
Telerik

 

 

[Roman]

Ah yes, of course. Thanks for the fast reply.

Roman