Uploaded image for project: 'PUBLIC - Liferay Portal Community Edition'
  1. PUBLIC - Liferay Portal Community Edition
  2. LPS-73892

Mobile Style Rendering on IE11 with SPA Enabled

    Details

    • Fix Priority:
      3
    • What problem did the customer find?:
      In IE 11 after a page change through a custom JS, with Senna js active, sometimes the page will render incorrectly showing the mobile layout.
    • What do you think is the root cause? (if known):
      Hide
      In my own tests, I have noticed that the bug only appears as IE's memory usage reaches a certain point (~1.5-1.6 GB out of 32 GB total RAM). However, I cannot conclusively say that this memory leak is causing the issue even I suspect that it is at the very least related.

      What I currently think on the issue is that it is most likely caused by increasing memory usage causing some issue in SPA although I do not have hard evidence as to what is causing the memory leak.
      Show
      In my own tests, I have noticed that the bug only appears as IE's memory usage reaches a certain point (~1.5-1.6 GB out of 32 GB total RAM). However, I cannot conclusively say that this memory leak is causing the issue even I suspect that it is at the very least related. What I currently think on the issue is that it is most likely caused by increasing memory usage causing some issue in SPA although I do not have hard evidence as to what is causing the memory leak.
    • Proposed solution (if any):
      I believe that fixing the memory leak could potentially fix the issue, but it could also be rooted in some unrelated SPA issue.

      Description

      When using IE11 on Windows 10 with SPA enabled, memory usage of the browser steadily increases as pages are navigated to. Eventually, after enough page navigation using SPA, mobile CSS classes will start to render as if the screen size was smaller. Do note that this issue is not replicable in IE11 on older versions of Windows (tested on Windows 8.1) and is not necessarily consistently reproducible across all versions of Liferay.

      Steps to Reproduce

      • create a new public page, named "test"
      • use IE11 on Windows 10
      • log in as admin to portal
      • open developer console in IE11 and paste the attached javascript and run it (If running the script on Master, make sure to change 18px to 16px).
      • click on the page "test" in navigation menu, the script should start and change the pages automatically

      Expected Result: There are no issues while navigating back and forth between pages.
      Actual Result: Memory continually increases and eventually mobile styling renders,

        Attachments

        1. broken.png
          broken.png
          17 kB
        2. myscript.js
          1 kB
        3. possibly-not-fixed-yet.png
          possibly-not-fixed-yet.png
          1.0 kB
        4. Windows7-IE11-out-of-momory.PNG
          Windows7-IE11-out-of-momory.PNG
          90 kB
        5. Windows7-IE11-out-of-momory-no-senna.PNG
          Windows7-IE11-out-of-momory-no-senna.PNG
          100 kB
        6. working.png
          working.png
          37 kB
        7. youtube_memory_leak.png
          youtube_memory_leak.png
          15 kB

          Activity

            People

            Assignee:
            robert.frampton Robert Frampton (Inactive)
            Reporter:
            gregory.bretall Gregory Bretall (Inactive)
            Participants of an Issue:
            Recent user:
            Lee Jordan
            Votes:
            0 Vote for this issue
            Watchers:
            4 Start watching this issue

              Dates

              Created:
              Updated:
              Resolved:
              Days since last comment:
              1 year, 9 weeks, 6 days ago

                Packages

                Version Package