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
| 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 ] |