Opened 9 years ago
Closed 5 years ago
#15629 closed defect (patchwelcome)
[Dojo Mobile] Address bar hiding + charts causes wrong layouts
Reported by: | Eric Durocher | Owned by: | Patrick Ruzand |
---|---|---|---|
Priority: | undecided | Milestone: | 1.13 |
Component: | DojoX Mobile | Version: | 1.8.0b1 |
Keywords: | Cc: | cjolif | |
Blocked By: | Blocking: |
Description (last modified by )
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%".
Change History (6)
comment:1 Changed 9 years ago by
Status: | new → assigned |
---|
comment:2 Changed 9 years ago by
comment:3 Changed 9 years ago by
Description: | modified (diff) |
---|
comment:4 Changed 9 years ago by
Cc: | cjolif added |
---|
comment:5 Changed 8 years ago by
Owner: | changed from Eric Durocher to Patrick Ruzand |
---|
comment:6 Changed 5 years ago by
Milestone: | tbd → 1.12 |
---|---|
Resolution: | → patchwelcome |
Status: | assigned → closed |
Given that no one has shown interest in creating a patch in the past 3+ years, I'm closing this as patchwelcome.
In [29151]: