[Dojo Mobile] Address bar hiding + charts causes wrong layouts

[Eric Durocher]

The problem was reported on the mobileStockPortfolio demo. To reproduce, edit demo.html and remove the style attribute of the FixedSplitter widget. When running the demo on an iPhone, the bottom panel is truncated.

The reason is that the dojox.mobile.hideAddressBar function (called at startup of a mobile app by default) sets the minHeight style of the document body to the screen height, once the address bar has been hidden. This normally works fine, but when the application also contains charts (from dojox/charting) this fails and causes toplevel elements with height:100% to be smaller than the body size. The root reason seems to be the dojox.gfx._base._getTextBox, which creates a hidden div at top: "-10000px", and this seems to confuse the browser in some way.

A workaround in this use case is to use absolute positioning to create a mobile view that takes the whole screen area (i.e. style="position: absolute;top:0px;bottom:0px"), instead of using "height:100%".

[cjolif]

In [29151]:

refs #15629. Workaround the issue with FixSplitter?.

[dylan]

Given that no one has shown interest in creating a patch in the past 3+ years, I'm closing this as patchwelcome.