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
              Judy Guglielmin created issue -
              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.
              Judy Guglielmin made changes -
              Field Original Value New Value
              Attachment aceMobileServlet2.5 2.zip [ 16990 ]
              Judy Guglielmin made changes -
              Assignee Steve Maryka [ steve.maryka ] Philip Breau [ philip.breau ]
              Judy Guglielmin made changes -
              Priority Major [ 3 ] Blocker [ 1 ]
              Judy Guglielmin made changes -
              Fix Version/s 1.3.1 [ 11376 ]
              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
              Judy Guglielmin made changes -
              Attachment compositing styles.png [ 16991 ]
              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).
              Judy Guglielmin made changes -
              Attachment photo 1.PNG [ 16992 ]
              Attachment photo 2.PNG [ 16993 ]
              Attachment photo 3.PNG [ 16994 ]
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #40377 Wed Mar 19 11:59:36 MDT 2014 philip.breau 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;)
              Files Changed
              Commit graph MODIFY /icemobile/trunk/icemobile/resources/themes/base/1_page_panel.css
              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
              Philip Breau made changes -
              Status Open [ 1 ] Resolved [ 5 ]
              Resolution Fixed [ 1 ]

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: