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

Dropdowns are being overlapped by their parent containers

XMLWordPrintable

    • MOODLE_400_STABLE, MOODLE_401_STABLE, MOODLE_402_STABLE
    • MOODLE_401_STABLE, MOODLE_402_STABLE
    • MDL-77375-401
    • MDL-77375-402
    • MDL-77375-master
    • Hide

      Test 1 (tool_dataprivacy)

      Repeat the testing instructions of MDL-62884

      Test 2

      Repeat the testing instructions of MDL-62465

      Test 3 (mod_forum)

      1. Create a course
      2. Create a forum activity in the course
      3. Create a discussion in the forum
      4. In the discussions table on the forum home page, click on the action dropdown menu for the created discussion.
      5. Verify that the dropdown menu is fully visible and not overlapped by the table layout.

      Test 4 (mod_assign)

      1. Create a course
      2. Enrol at least one student in the course
      3. Create an assignment
      4. Browse to the assignment and click the "View all submissions" button
      5. Scroll to the last student in the list
      6. Click the "Edit" drop-down
      7. Verify that the dropdown menu is fully visible and not overlapped by the table layout.

      Test 5 (grade book setup)

      1. Create a course
      2. Go inside the course and then go to grades, and from there, go to the Gradebook setup page.
      3. Click the "..." button in the 'Course total' row.
      4. Verify that the dropdown menu is fully visible and not overlapped by the table layout.

      Test 6 (gradereport_singleview)

      1. Create a course
      2. Enrol at least one student in the course
      3. Create an assignment
      4. Go to the course grade book and from there, go to the single view report
      5. From the "View by" selection, click on "Users"
      6. Select a user for the report
      7. Click the "..." button in the "Course total" row
      8. Verify that the dropdown menu is fully visible and not overlapped by the table layout.
      9. From the "View by" selection, click on the "Grade items"
      10. Select a grade item for the report
      11. Click the "..." button in the table (if you have more than one student, click on the button that is for the last student)
      12. Verify that the dropdown menu is fully visible and not overlapped by the table layout.
      Show
      Test 1 (tool_dataprivacy) Repeat the testing instructions of MDL-62884 Test 2 Repeat the testing instructions of MDL-62465 Test 3 (mod_forum) Create a course Create a forum activity in the course Create a discussion in the forum In the discussions table on the forum home page, click on the action dropdown menu for the created discussion. Verify that the dropdown menu is fully visible and not overlapped by the table layout. Test 4 (mod_assign) Create a course Enrol at least one student in the course Create an assignment Browse to the assignment and click the "View all submissions" button Scroll to the last student in the list Click the "Edit" drop-down Verify that the dropdown menu is fully visible and not overlapped by the table layout. Test 5 (grade book setup) Create a course Go inside the course and then go to grades, and from there, go to the Gradebook setup page. Click the "..." button in the 'Course total' row. Verify that the dropdown menu is fully visible and not overlapped by the table layout. Test 6 (gradereport_singleview) Create a course Enrol at least one student in the course Create an assignment Go to the course grade book and from there, go to the single view report From the "View by" selection, click on "Users" Select a user for the report Click the "..." button in the "Course total" row Verify that the dropdown menu is fully visible and not overlapped by the table layout. From the "View by" selection, click on the "Grade items" Select a grade item for the report Click the "..." button in the table (if you have more than one student, click on the button that is for the last student) Verify that the dropdown menu is fully visible and not overlapped by the table layout.
    • 15
    • Team Alpha - Sprint 1 I2-2023

      Multiple instances across Moodle exist where the dropdowns are being overlapped by their parent contaner.

      Example: The table wrapper overlaps the menu when attempting to open an action menu for a given discussion in a forum. 

      Steps to replicate:

      1. Create a course.
      2. Create a forum activity in the course
      3. Create a discussion in the forum.
      4. In the discussions table on the forum home page, click on the action dropdown menu for the created discussion
        • The dropdown menu is not fully visible and overlapped by the table layout.

      Seems like the overflow:auto attribute on the wrapper element causes this problem.

        1. Forum_M4_1.webm
          1.41 MB
        2. MDL-72727 1.png
          MDL-72727 1.png
          50 kB
        3. MDL-77375-test 1.png
          MDL-77375-test 1.png
          215 kB
        4. MDL-77375-test 2.png
          MDL-77375-test 2.png
          253 kB
        5. MDL-77375-test 3.png
          MDL-77375-test 3.png
          160 kB
        6. MDL-77375-test 4.png
          MDL-77375-test 4.png
          107 kB
        7. MDL-77375-test 5.png
          MDL-77375-test 5.png
          124 kB
        8. MDL-77375-test 6.png
          MDL-77375-test 6.png
          314 kB

            rezaie9 Shamim Rezaie
            Geshoski Mihail Geshoski
            Mihail Geshoski Mihail Geshoski
            Ilya Tregubov Ilya Tregubov
            Ron Carl Alfon Yu Ron Carl Alfon Yu
            Votes:
            4 Vote for this issue
            Watchers:
            11 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - 0 minutes
                0m
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 2 weeks, 1 day, 2 hours, 39 minutes
                2w 1d 2h 39m

                  Error rendering 'clockify-timesheets-time-tracking-reports:timer-sidebar'. Please contact your Jira administrators.