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

          People

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

            Dates

            • Created:
              Updated:
              Resolved: