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

url_select overflows from the containing div

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Closed
    • Priority: Minor
    • Resolution: Fixed
    • Affects Version/s: 3.2.4, 3.3.1, 3.4
    • Fix Version/s: 3.2.5, 3.3.2
    • Component/s: HTML and CSS
    • Labels:
    • Testing Instructions:
      Hide

      Note: Test on Boost and Clean

      1. Create a course with at least 2 sections. Make sure the course's layout is set to "Show one section per page"
      2. Give at least one of the sections with a very long name.
      3. Create at least 3 page resources. Give at least one of the page resources with a very long name.
      4. On the course page, navigate to a section so that you see the section navigation controls, especially the "Jump to..." drop down menu.
      5. Reduce the page's width.
        • Confirm that the drop down menu does not exceed its container's width.
      master only
      1. Click on an activity.
      2. Check the "Jump to... drop down menu.
        • Confirm that it stays in the middle of the page and does not overlap with the column containing the next activity link.
      3. Reduce the page's width.
        • Confirm that the drop down menu does not exceed its container's width.
      Template library
      1. Go to "Site administration / Development / Template library"
      2. Open the template for core/url_select.
        • Confirm that the label, the help icon, the select element and the Go button are inline with each other.
      Show
      Note: Test on Boost and Clean Create a course with at least 2 sections. Make sure the course's layout is set to " Show one section per page " Give at least one of the sections with a very long name. Create at least 3 page resources. Give at least one of the page resources with a very long name. On the course page, navigate to a section so that you see the section navigation controls, especially the "Jump to..." drop down menu. Reduce the page's width. Confirm that the drop down menu does not exceed its container's width. master only Click on an activity. Check the " Jump to... drop down menu. Confirm that it stays in the middle of the page and does not overlap with the column containing the next activity link. Reduce the page's width. Confirm that the drop down menu does not exceed its container's width. Template library Go to " Site administration / Development / Template library " Open the template for core/url_select. Confirm that the label, the help icon, the select element and the Go button are inline with each other.
    • Affected Branches:
      MOODLE_32_STABLE, MOODLE_33_STABLE, MOODLE_34_STABLE
    • Fixed Branches:
      MOODLE_32_STABLE, MOODLE_33_STABLE
    • Pull Master Branch:
      MDL-59696-master

      Description

      url_select elements can overflow from the containing div if it contains item(s) with very long text.

      See below in Boost for the activity navigation:

      The section navigation in Clean:

      Boost seems to be unaffected in this case.

        Attachments

          Issue Links

            Activity

              People

              • Assignee:
                jpataleta Jun Pataleta
                Reporter:
                jpataleta Jun Pataleta
                Peer reviewer:
                Jake Dallimore
                Integrator:
                Eloy Lafuente (stronk7)
                Tester:
                Ankit Agarwal
                Participants:
                Component watchers:
                Amy Groshek, David Scotson, Amaia Anabitarte, Carlos Escobedo, Ferran Recio, Sara Arjona (@sarjona), Víctor Déniz Falcón
              • Votes:
                0 Vote for this issue
                Watchers:
                2 Start watching this issue

                Dates

                • Created:
                  Updated:
                  Resolved:
                  Fix Release Date:
                  11/Sep/17