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

url_select overflows from the containing div

XMLWordPrintable

    • Icon: Bug Bug
    • Resolution: Fixed
    • Icon: Minor Minor
    • 3.2.5, 3.3.2
    • 3.2.4, 3.3.1, 3.4
    • HTML and CSS
    • MOODLE_32_STABLE, MOODLE_33_STABLE, MOODLE_34_STABLE
    • MOODLE_32_STABLE, MOODLE_33_STABLE
    • MDL-59696-master
    • 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.

      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.

        1. screenshot-1.png
          12 kB
          Jun Pataleta
        2. screenshot-2.png
          40 kB
          Jun Pataleta

            jpataleta Jun Pataleta
            jpataleta Jun Pataleta
            Jake Dallimore Jake Dallimore
            Eloy Lafuente (stronk7) Eloy Lafuente (stronk7)
            Ankit Agarwal Ankit Agarwal
            Votes:
            0 Vote for this issue
            Watchers:
            2 Start watching this issue

              Created:
              Updated:
              Resolved:

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