Details
Description
Testing the <mobi:contentStack> shows that the hidden panes each take up a new line. This seems due to the following css which is added to the contentPane div:
.mobi-contentpane-hidden {
opacity: 0;
visibility: hidden;
height: 0;
}
Setting 'visibility:hidden' causes the browser not to show the element, but the element is still treated as a block element which takes up a new line. We should test either just using 'display:none' or adding 'position: absolute' which seems to bypass the issue:
.mobi-contentpane-hidden {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
position: absolute;
}
.mobi-contentpane-hidden {
opacity: 0;
visibility: hidden;
height: 0;
}
Setting 'visibility:hidden' causes the browser not to show the element, but the element is still treated as a block element which takes up a new line. We should test either just using 'display:none' or adding 'position: absolute' which seems to bypass the issue:
.mobi-contentpane-hidden {
opacity: 0;
visibility: hidden;
width: 0;
height: 0;
position: absolute;
}
Activity
- All
- Comments
- History
- Activity
- Remote Attachments
- Subversion