Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-60636

Form-autocomplete-downarrow shifts location in narrow containers.

    XMLWordPrintable

    Details

    • Testing Instructions:
      Hide

      Execute the following steps using BOOST (master, 3.7 and 3.6) and CLEAN (3.6)

      1. Login as admin.
      2. Create a new course C1.
      3. Navigate to course C1.
      4. Navigate to the participants page.
      5. Reduce the browser size to the size of a mobile, preferably using your browsers device emulation tools. In chrome -> Inspect page and click the Toggle Device toolbar button.
      6. Verify the chevron down is shown within the "Search keyword or select filter" using several emulated devices.

       

      Show
      Execute the following steps using BOOST (master, 3.7 and 3.6) and CLEAN (3.6) Login as admin. Create a new course C1. Navigate to course C1. Navigate to the participants page. Reduce the browser size to the size of a mobile, preferably using your browsers device emulation tools. In chrome -> Inspect page and click the Toggle Device toolbar button. Verify the chevron down is shown within the "Search keyword or select filter" using several emulated devices.  
    • Affected Branches:
      MOODLE_32_STABLE, MOODLE_33_STABLE, MOODLE_34_STABLE, MOODLE_37_STABLE
    • Fixed Branches:
      MOODLE_36_STABLE, MOODLE_37_STABLE
    • Pull from Repository:
    • Pull 3.6 Branch:
    • Pull 3.7 Branch:
    • Pull Master Branch:
      MDL-60636-master
    • Sprint:
      Moppies Moodle 3.8 Sprint 3, Moppies Moodle 3.8 Sprint 4

      Description

      This can be seen in 2 places:

      1. The tags section of a course module settings page
      2. The new participants page (3.4 only)

      On the tags section, you need to reduce the browser width such that it squashes the area inplace editable text area. Notice the down arrow moves to a new location when it shouldn't

      On the participants page (3.4 only), this is visible just by simulating a mobile device in chrome. Change to an iphone 6 or similar, and click the role edit icon next to user's enrolment. Notice the down arrow is not in the correct place.

      This looks like a simple container problem to me. 

        Attachments

        1. integration_master.png
          integration_master.png
          139 kB
        2. integration36_boost.jpg
          integration36_boost.jpg
          42 kB
        3. MDL-60636.jpg
          MDL-60636.jpg
          57 kB
        4. participantsarrow_ko.png
          participantsarrow_ko.png
          38 kB
        5. Screenshot 2019-07-17 at 13.44.40.png
          Screenshot 2019-07-17 at 13.44.40.png
          110 kB
        6. stable_master-MDL-60636.png
          stable_master-MDL-60636.png
          130 kB

          Issue Links

            Activity

              People

              • Votes:
                0 Vote for this issue
                Watchers:
                9 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  9/Sep/19

                  Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 5 hours, 50 minutes
                  5h 50m