Details
Bug
Major
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
Revision: 30248
Author: philip.breau
Date: July-25-12 6:43:16 PM
Message:
MOBI-273 - .mobi-contentpane-hidden css class allowing div element to take up a new line
Modified : /icemobile/trunk/icemobile/resources/themes/android/default-contentpane.css
Modified : /icemobile/trunk/icemobile/resources/themes/bberry/default-contentpane.css
Modified : /icemobile/trunk/icemobile/resources/themes/honeycomb/default-contentpane.css
Modified : /icemobile/trunk/icemobile/resources/themes/ipad/default-contentpane.css
Modified : /icemobile/trunk/icemobile/resources/themes/iphone/default-contentpane.css