Space between panels after refresh

[mnyc]

Not sure if anyone else experiences the same issue, but when I open http://asyraf9.github.com/jquerymobile-splitview/#badz on IPAD, and then refresh the page, I get space between left and right panels.

I traced it down to the following code in function splitView()

$main.addClass('ui-panel-right')
.width(function(){
return $(window).width()-$('div:jqmData(id="menu")').width();
});

On IPAD $(window).width() returns 768, so the math doesn't work.

I set width to 75% and it seem to work fine now (not sure if there's better solution)
$main.addClass('ui-panel-right').css('width','75%');

Also, if the page switches to landscape and menu is opened, menu panel is moved left 10px in function popover() .css($.mobile.menuBtnSide, '10px');

But when orientation changes to landscape, left position doesn't get reset. I fixed it by adding .css($.mobile.menuBtnSide, '0') in function splitView right before setting width

Hope this help someone...

BTW, thank you for the life saving widget. Out of all split view/multiview implementations, this is the most stable. And with the above 2 fixed, it's even better :-)

[asyraf9]

Thanks for this! Have not had the time to get it fixed!
On Mar 25, 2013 6:21 AM, "mnyc" notifications@github.com wrote:

Not sure if anyone else experiences the same issue, but when I open
http://asyraf9.github.com/jquerymobile-splitview/#badz on IPAD, and then
refresh the page, I get space between left and right panels.

I traced it down to the following code in function splitView()

$main.addClass('ui-panel-right')
.width(function(){
return $(window).width()-$('div:jqmData(id="menu")').width();
});

On IPAD $(window).width() returns 768, so the math doesn't work.

I set width to 75% and it seem to work fine now (not sure if there's
better solution)
$main.addClass('ui-panel-right').css('width','75%');

Also, if the page switches to landscape and menu is opened, menu panel is
moved left 10px in function popover() .css($.mobile.menuBtnSide, '10px');

But when orientation changes to landscape, left position doesn't get
reset. I fixed it by adding .css($.mobile.menuBtnSide, '0') in function
splitView right before setting width

Hope this help someone...

BTW, thank you for the life saving widget. Out of all split view/multiview
implementations, this is the most stable. And with the above 2 fixed, it's
even better :-)

—
Reply to this email directly or view it on GitHubhttps://github.com//issues/16
.