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
| Field | Original Value | New Value |
|---|---|---|
| Assignee | Steve Maryka [ steve.maryka ] | Philip.breau [ philip.breau ] |
| Summary | <mobi:contentStack> .mobi-contentpane-hidden css class allowing div element to create a new line | <mobi:contentStack> .mobi-contentpane-hidden css class allowing div element to take up a new line |
| Status | Open [ 1 ] | Resolved [ 5 ] |
| Resolution | Fixed [ 1 ] |
| Resolution | Fixed [ 1 ] | |
| Status | Resolved [ 5 ] | Reopened [ 4 ] |
| Status | Reopened [ 4 ] | Resolved [ 5 ] |
| Fix Version/s | 1.0 Beta [ 10290 ] | |
| Resolution | Fixed [ 1 ] |
| Resolution | Fixed [ 1 ] | |
| Status | Resolved [ 5 ] | Reopened [ 4 ] |
| Status | Reopened [ 4 ] | Resolved [ 5 ] |
| Fix Version/s | 1.1 Beta [ 10320 ] | |
| Fix Version/s | 1.0 Beta [ 10290 ] | |
| Resolution | Fixed [ 1 ] |
| Status | Resolved [ 5 ] | Closed [ 6 ] |
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