ICEmobile
  1. ICEmobile
  2. MOBI-274

<mobi:contentStack> .mobi-contentpane-hidden css class allowing div element to take up a new line

    Details

    • Type: Bug Bug
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 1.0 Beta
    • Fix Version/s: 1.1 Beta
    • Component/s: Faces
    • Labels:
      None
    • Environment:
      n/a

      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;
      }

        Activity

        Philip Breau created issue -
        Philip Breau made changes -
        Field Original Value New Value
        Assignee Steve Maryka [ steve.maryka ] Philip.breau [ philip.breau ]
        Philip Breau made changes -
        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
        Hide
        Philip Breau added a comment -

        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

        Show
        Philip Breau added a comment - 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
        Philip Breau made changes -
        Status Open [ 1 ] Resolved [ 5 ]
        Resolution Fixed [ 1 ]
        Philip Breau made changes -
        Resolution Fixed [ 1 ]
        Status Resolved [ 5 ] Reopened [ 4 ]
        Philip Breau made changes -
        Status Reopened [ 4 ] Resolved [ 5 ]
        Fix Version/s 1.0 Beta [ 10290 ]
        Resolution Fixed [ 1 ]
        Philip Breau made changes -
        Resolution Fixed [ 1 ]
        Status Resolved [ 5 ] Reopened [ 4 ]
        Philip Breau made changes -
        Status Reopened [ 4 ] Resolved [ 5 ]
        Fix Version/s 1.1 Beta [ 10320 ]
        Fix Version/s 1.0 Beta [ 10290 ]
        Resolution Fixed [ 1 ]
        Migration made changes -
        Status Resolved [ 5 ] Closed [ 6 ]

          People

          • Assignee:
            Philip Breau
            Reporter:
            Philip Breau
          • Votes:
            0 Vote for this issue
            Watchers:
            0 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: