Opened 10 years ago

Closed 6 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 cjolif)

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 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 10 years ago by Eric Durocher

Status: newassigned

comment:2 Changed 10 years ago by cjolif

In [29151]:

refs #15629. Workaround the issue with FixSplitter?.

comment:3 Changed 10 years ago by cjolif

Description: modified (diff)

comment:4 Changed 10 years ago by cjolif

Cc: cjolif added

comment:5 Changed 9 years ago by Patrick Ruzand

Owner: changed from Eric Durocher to Patrick Ruzand

comment:6 Changed 6 years ago by dylan

Milestone: tbd1.12
Resolution: patchwelcome
Status: assignedclosed

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

Note: See TracTickets for help on using tickets.