Uploaded image for project: 'JCommune'
  1. JCommune
  2. JC-1864

Mobile: It is not possible to scale forum pages and pop-ups

    Details

    • Type: Bug
    • Status: Reopened (View Workflow)
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 2.8 Larks
    • Fix Version/s: backlog
    • Environment:

      JC 2.7.2249.7edf670(qa)
      Asus MeMo Pad FHD 10
      Android 4.2.2

      JC2.11.2581.4f5cfd1(qa)
      Device: iPad Mini.
      OS: iOS 7.1.2

      Description

      Steps to reproduce:

      1. Go to home page of Jcommune forum
      2. Do tests from the table below.
        For Android 4.2.2:
        Test Chrome 34.0.1847.114 Default browser 4.2.2-WW-epad-10.10.10.3.39-20131220 Firefox 28.0.1
        Try to scale homepage in vertical position FAIL PASS PASS
        Try to scale "Log in" pop-up in vertical position FAIL PASS PASS
        Try to scale page in horizontal position FAIL FAIL PASS
        Try to scale "Log in" pop-up in horizontal position FAIL FAIL PASS

        For iOS 7.1.2:

        Test Safari Chrome 35.0.1916.41
        Try to scale homepage in vertical position FAIL FAIL
        Try to scale "Log in" pop-up in vertical position FAIL FAIL
        Try to scale page in horizontal position FAIL FAIL
        Try to scale "Log in" pop-up in horizontal position FAIL FAIL

      Actual result: Pages and pop-ups don't scale in some browsers and devices.
      Expected result: Pages and pop-ups should scale in every browsers on all devices

      The same behavior in all forum's page and with all dialogboxes

        Attachments

          Issue Links

            Activity

            Hide
            julik Julia Atlygina added a comment -

            Could you please specify what should be done? test result is not a task for development

            Show
            julik Julia Atlygina added a comment - Could you please specify what should be done? test result is not a task for development
            Hide
            AndreySurzhan Andrey Surzhan added a comment -

            Note, than on this device scale works ok:
            Environment:
            Multiphone Prestigio PAP5000TDUO
            Android 4.1.1

            Test Chrome 34.0.1847.114 Default browser 4.1.1-eng.1364464710
            Try to scale page in vertical position PASS PASS
            Try to scale dialogbox in vertical position PASS PASS
            Try to scale page in horizontal position PASS PASS
            Try to scale dialogbox in horizontal position PASS PASS
            Show
            AndreySurzhan Andrey Surzhan added a comment - Note, than on this device scale works ok: Environment: Multiphone Prestigio PAP5000TDUO Android 4.1.1 Test Chrome 34.0.1847.114 Default browser 4.1.1-eng.1364464710 Try to scale page in vertical position PASS PASS Try to scale dialogbox in vertical position PASS PASS Try to scale page in horizontal position PASS PASS Try to scale dialogbox in horizontal position PASS PASS
            Hide
            AndreySurzhan Andrey Surzhan added a comment -

            Issue content is updated.

            Show
            AndreySurzhan Andrey Surzhan added a comment - Issue content is updated.
            Hide
            vps Pavel added a comment -

            In the file "decorator.jsp" at line 30 configures the viewport settings. If instead of the attribute "maximum-scale" use the attribute "initial-scale", then scale to a larger value should work. Also, instead of hard set the value in the attribute "width" you can use "device-width". This will give that the width of the viewport will adapt to the screen size of the device. I propose to use this line, instead of the existing one:

            <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes">
            
            Show
            vps Pavel added a comment - In the file "decorator.jsp" at line 30 configures the viewport settings. If instead of the attribute "maximum-scale" use the attribute "initial-scale", then scale to a larger value should work. Also, instead of hard set the value in the attribute "width" you can use "device-width". This will give that the width of the viewport will adapt to the screen size of the device. I propose to use this line, instead of the existing one: <meta name= "viewport" content= "width=device-width, initial-scale=1.0, user-scalable=yes" >

              People

              • Assignee:
                Unassigned
                Reporter:
                AndreySurzhan Andrey Surzhan
              • Votes:
                1 Vote for this issue
                Watchers:
                Start watching this issue

                Dates

                • Created:
                  Updated:

                  Structure Helper Panel