Opened 7 years ago

Closed 6 years ago

#15193 closed defect (invalid)

Scrollable view + tabbar = glitchy load

Reported by: iceyjolt Owned by: ykami
Priority: undecided Milestone: tbd
Component: DojoX Mobile Version: 1.7.2
Keywords: Cc: Eric Durocher
Blocked By: Blocking:

Description

I have one scrollable view and a tabbar below when loading with phonegap the tabbar starts at the top then jumps down. Here is a short 4 second video showing what is happening. http://www.youtube.com/watch?v=Gd6ZsgktYI8&feature=youtu.be

Attachments (1)

test2.html (4.0 KB) - added by iceyjolt 7 years ago.
scrollableview + tabbar

Download all attachments as: .zip

Change History (7)

Changed 7 years ago by iceyjolt

Attachment: test2.html added

scrollableview + tabbar

comment:1 Changed 7 years ago by iceyjolt

Note: If I try hiding the body then using a javascript timer the tabbar disappears completely if I drag up on the scrollableview a few times the tab bar will appear back in place.

comment:2 Changed 7 years ago by ykami

Cc: Eric Durocher added

First, your content resides outside the <body> element, which needs to be corrected. Also, you should run the parser by specifying data-dojo-config="parseOnLoad: true". If you need to run it programmatically for a special reason, it has to be run in the ready function. If you have further questions, you can try posting to the dojo-interest mailing list.

comment:3 Changed 7 years ago by iceyjolt

Edurocher, I mistakenly uploaded the wrong file I have the ul inside the body. My bug is when I hide the body with "display:none;" and then reveal it using (display:block;)the tabbar disappears. Thanks

Last edited 7 years ago by iceyjolt (previous) (diff)

comment:4 Changed 7 years ago by ykami

In general, you can not correctly initialize UI widgets that need dimensions of DOM elements under "display:none", because browsers do not return correct dimensions. You could try "visibility:hidden" instead of "display:none". Or you may want to try dojox.mobile.resizeAll() after making it visible. Usually, a hidden view is revealed by making a view transition. In that case, resizeAll() is called automatically, and you don't have to care about all these things.

comment:5 Changed 6 years ago by Adrian Vasiliu

It seems this ticket could be closed as "invalid", right?

comment:6 Changed 6 years ago by ykami

Resolution: invalid
Status: newclosed

Please feel free to reopen this if you still have problems.

Note: See TracTickets for help on using tickets.