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: