ICEmobile
  1. ICEmobile
  2. MOBI-1042

Accordion Panel not rendering all content when page is large (requires scrolling)

          Details

          • Type: Bug Bug
          • Status: Resolved
          • Priority: Blocker Blocker
          • Resolution: Fixed
          • Affects Version/s: 1.3 Final
          • Fix Version/s: 1.3.1
          • Component/s: Faces
          • Labels:
            None
          • Environment:
            jsf 2 icemobile

            Description

            Will attach test case with screen shots. Go to ....acemobile/accordionMissingContent.jsf
            in test case.
            Choose menu item 12721 (at bottom).
            Review the page on Chrome or Safari (desktop) and the entire page gets rendered.

            use iPhone (i used my iPhone5, but issue also reported on BB10).
            and see screen shot showing page not completely rendered.

            When debugging on desktop safari (from iPhone hooked up), the html5 markup is all there, but there are some compositing done when reviewing css to do with the scroll enabling. (possibility?). Other css looks fine. Nothing obvious.
            No js errors on console.
            1. compositing styles.png
              437 kB
            2. photo 1.PNG
              51 kB
            3. photo 2.PNG
              90 kB
            4. photo 3.PNG
              64 kB

              Activity

              Ascending order - Click to sort in descending order
              Hide
              Permalink
              Judy Guglielmin added a comment -

              test app. Note that other accordion panes have simple markup that are exhibiting same problem.

              Show
              Judy Guglielmin added a comment - test app. Note that other accordion panes have simple markup that are exhibiting same problem.
              Hide
              Permalink
              Judy Guglielmin added a comment -

              composition of styling based on webkit-overflow styling

              Show
              Judy Guglielmin added a comment - composition of styling based on webkit-overflow styling
              Hide
              Permalink
              Judy Guglielmin added a comment -

              http://runastartup.com/overlay-scrolling-issues-on-iphone-ipad/
              showing issues with overlay scrolling but content not showing. (which is what we are seeing).

              Show
              Judy Guglielmin added a comment - http://runastartup.com/overlay-scrolling-issues-on-iphone-ipad/ showing issues with overlay scrolling but content not showing. (which is what we are seeing).
              Hide
              Permalink
              Philip Breau added a comment -

              Revision: 40377
              Author: philip.breau
              Date: March-19-14 2:59:36 PM
              Message:
              MOBI-1042
              Accordion Panel not rendering all content when page is large (requires scrolling)

              • set pagePanel body to absolute position to avoid strange webkit bug (content hidden with combination of web-overflow-scrolling: touch; and overflow: auto

                Modified : /icemobile/trunk/icemobile/resources/themes/base/1_page_panel.css

              Show
              Philip Breau added a comment - Revision: 40377 Author: philip.breau Date: March-19-14 2:59:36 PM Message: MOBI-1042 Accordion Panel not rendering all content when page is large (requires scrolling) set pagePanel body to absolute position to avoid strange webkit bug (content hidden with combination of web-overflow-scrolling: touch; and overflow: auto Modified : /icemobile/trunk/icemobile/resources/themes/base/1_page_panel.css

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: