Opened 8 years ago

Closed 8 years ago

#14104 closed defect (wontfix)

Incorrect Layout When Combining SwapView and PageIndicator

Reported by: Ming Zhe Huang Owned by: ykami
Priority: high Milestone: 1.7
Component: DojoX Mobile Version: 1.7.0b1
Keywords: Cc: zhangyp, Atsushi Ono
Blocked By: Blocking:

Description

Please see the attached HTML. The PageIndicator? cannot be displayed. Removing "overflow-y" can display it, but that reveals a problem in layout.

If you put SwapView? and PageIndicator? together, the height of the SwapView? is somehow parent height - PageIndicator? height. However, PageIndicator? is absolute. So the height of SwapView? is shorter.
But the height of the parent is equal to height of SwapView? because PageIndicator? is "position:absolute". So if the "overflow-y" of the parent is not "visible", the PageIndicator? will not be displayed. It's dangerous to depends on the default styling of "overflow-y" in browsers ("visible" seems the default style in Chrome).

Attachments (1)

testIndicatorNested.html (1.7 KB) - added by Ming Zhe Huang 8 years ago.
test case

Download all attachments as: .zip

Change History (2)

Changed 8 years ago by Ming Zhe Huang

Attachment: testIndicatorNested.html added

test case

comment:1 Changed 8 years ago by ykami

Cc: Atsushi Ono added
Milestone: tbd1.7
Resolution: wontfix
Status: newclosed

Archer, that's how local fixed footer works. The reason why overlow-y clips the footer is that your wrapper view has no height. You may want to set height=100% to your wrapper view node.

Note: See TracTickets for help on using tickets.