The following HTML results in error: Unable to get property 'top' of undefined or null reference, when you set your browser to emulate a tablet such as an IPad.
Codepen is here
The following HTML results in error: Unable to get property 'top' of undefined or null reference, when you set your browser to emulate a tablet such as an IPad.
Codepen is here
http://codepen.io/jcbowyer/pen/wGrLmE
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>Kendo UI Mobile Loves AngularJS</
title
>
<
link
rel
=
"stylesheet"
href
=
"http://cdn.kendostatic.com/2014.3.1029/styles/kendo.mobile.all.min.css"
>
<!-- the application CSS file -->
<
script
src
=
"http://code.jquery.com/jquery-1.9.1.min.js"
></
script
>
<
script
src
=
"http://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.js"
></
script
>
<
script
src
=
"http://cdn.kendostatic.com/2014.3.1029/js/kendo.all.min.js"
></
script
>
</
head
>
<
body
kendo-mobile-application
ng-app
=
"sushiMobileApp"
>
<
kendo-mobile-view
id
=
"index"
>
<
kendo-mobile-header
>
<
kendo-mobile-nav-bar
>
Home View
<
button
kendo-mobile-button
k-align
=
"'right'"
data-icon
=
"'contacts'"
id
=
"btnProfile"
k-on-click
=
"mnuProfile.open($('#btnProfile'))"
></
button
>
</
kendo-mobile-nav-bar
>
</
kendo-mobile-header
>
<
ul
kendo-mobile-action-sheet
=
"mnuProfile"
k-on-command
=
"onCommand(kendoEvent)"
k-type
=
"'auto'"
>
<
li
><
a
href
=
"#"
data-command
=
"login"
>Login</
a
></
li
>
<
li
ng-hide
=
"(authentication.token.length == 0)"
><
a
href
=
"#"
data-command
=
"logout"
>Logout</
a
></
li
>
<
li
><
a
href
=
"#"
data-command
=
"showProfile"
>My Profile</
a
></
li
>
</
ul
>
</
kendo-mobile-view
>
<
script
>
angular.module('sushiMobileApp', [ 'kendo.directives' ]);
</
script
>
</
body
>
</
html
>