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

Long course names without spaces make the layout not display properly

XMLWordPrintable

    • MOODLE_400_STABLE, MOODLE_401_STABLE
    • MOODLE_400_STABLE, MOODLE_401_STABLE
    • MDL-76607-401
    • MDL-76607-master
    • Hide

      This test uses long names of two kinds and will be applied to both course names and course categories.

      1. Continuous letters (no spaces)
      2. Long sentences (with spaces)

      Setup

      Go to Site Admin->Courses->Manage courses and categories and create two course categories as follows:

      1. CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC
      2. One Ring to rule them all, One Ring to find them, One Ring to bring them all, and in the darkness bind them. One Ring to rule them all, One Ring to find them, One Ring to bring them all, and in the darkness bind them, In the Land of Mordor.

      Create two courses with the following names and assign the courses one of the categories above:

      1. WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW
      2. Three Rings for the Elven-kings under the sky, Seven for the Dwarf-lords in their halls of stone, Nine for Mortal Men doomed to die, One for the Dark Lord on his dark throne In the Land of Mordor where the Shadows lie. One Ring to rule them all.

      Test 1 (course names)

      1. Perform setup step
      2. Log in as Admin
      3. Navigate to 'Home' link in the main navigation
      4. CONFIRM that the long course names are wrapping and not causing horizontal scrolling
      5. Click on one of the course links to navigate to its course page
      6. CONFIRM that the long course name heading is wrapping and not exceeding the page width.
      7. Using the secondary navigation, CONFIRM the following pages are also wrapping the course names correctly and not causing any display issues:
        • Reports > Live logs (dropdown)
        • Grades > Over report (dropdown)
        • Grades > User report (dropdown) - Need a student enrolled to see this
        • Grades > Gradebook setup (dropdown)
      8. Repeat this step with the other course.

      Test 2 (categories)

      1. Log in as Admin
      2. Go to Site admin > Courses > Manage courses and categories
      3. Click on one of the long category names listed to view category details
      4. CONFIRM that the breadcrumb is wrapping and not causing any horizontal scrolling
      5. CONFIRM that the category heading is wrapping and not exceeding the page width. Repeat this step with the other category.

      Test 3 (blocks)

      1. Log in as Admin
      2. Go to 'Dashboard'
      3. Turn editing mode on
      4. Open the block drawer on the right-hand side
      5. Add a 'Courses' block
      6. CONFIRM that the long course name is wrapping in its container

      Test 4 (calendar course dropdown)

      1. Login as Admin
      2. Create a course with a short name using the maximum available characters (100).
      3. Navigate to the Dashboard page
      4. Ensure the Calendar block is visible on the Dashboard page (shown by default)
      5. Click the course dropdown menu on the Calendar block and ensure your new course with the short name is contained within.
      6. CONFIRM that the dropdown menu and the 'New event' button appear on the same line.
      7. On the Calendar block, click the 'Full calendar' link
      8. CONFIRM that the month dropdown, course dropdown and 'New event' button all appear on the same line (when window width is at 100%)
      Show
      This test uses long names of two kinds and will be applied to both course names and course categories . Continuous letters (no spaces) Long sentences (with spaces) Setup Go to Site Admin->Courses->Manage courses and categories and create two course categories as follows: CCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCCC One Ring to rule them all, One Ring to find them, One Ring to bring them all, and in the darkness bind them. One Ring to rule them all, One Ring to find them, One Ring to bring them all, and in the darkness bind them, In the Land of Mordor. Create two courses with the following names and assign the courses one of the categories above: WWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW Three Rings for the Elven-kings under the sky, Seven for the Dwarf-lords in their halls of stone, Nine for Mortal Men doomed to die, One for the Dark Lord on his dark throne In the Land of Mordor where the Shadows lie. One Ring to rule them all. Test 1 (course names) Perform setup step Log in as Admin Navigate to 'Home' link in the main navigation CONFIRM that the long course names are wrapping and not causing horizontal scrolling Click on one of the course links to navigate to its course page CONFIRM that the long course name heading is wrapping and not exceeding the page width. Using the secondary navigation, CONFIRM the following pages are also wrapping the course names correctly and not causing any display issues: Reports > Live logs (dropdown) Grades > Over report (dropdown) Grades > User report (dropdown) - Need a student enrolled to see this Grades > Gradebook setup (dropdown) Repeat this step with the other course. Test 2 (categories) Log in as Admin Go to Site admin > Courses > Manage courses and categories Click on one of the long category names listed to view category details CONFIRM that the breadcrumb is wrapping and not causing any horizontal scrolling CONFIRM that the category heading is wrapping and not exceeding the page width. Repeat this step with the other category. Test 3 (blocks) Log in as Admin Go to 'Dashboard' Turn editing mode on Open the block drawer on the right-hand side Add a 'Courses' block CONFIRM that the long course name is wrapping in its container Test 4 (calendar course dropdown) Login as Admin Create a course with a short name using the maximum available characters (100). Navigate to the Dashboard page Ensure the Calendar block is visible on the Dashboard page (shown by default) Click the course dropdown menu on the Calendar block and ensure your new course with the short name is contained within. CONFIRM that the dropdown menu and the 'New event' button appear on the same line. On the Calendar block, click the 'Full calendar' link CONFIRM that the month dropdown, course dropdown and 'New event' button all appear on the same line (when window width is at 100%)
    • 1
    • Team Hedgehog Sprint 1.2, Team Hedgehog Sprint 1.3, Team Hedgehog Sprint 1 review
    • Small

      This issue created while working on MDL-76145. Long course names without spaces make the layout not display properly at some pages.

      To replicate the issue, please follow below instructions:

      1. Log in as admin
      2. Create a course with a course name without spaces, e.g. "wwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww"
      3. Save changes
      4. Go to the Course Detail page
      5. Verify that you will see course name exceeding the available space.

      This issue will fix the list below:

      1. Home. (Available Courses)
      2. Dasboard >> Timeline Blocks. Long Course name cause the "Assignment is Due information" can not be seen.
      3. Dashboard >> Calendar. Course selection filter.
      4. Course Detail
      5. Title Course Link on Course Pages
      6. Course >> Report. Course selection filter

        1. (I) Course(1) Passed -- (400)MDL-76607.png
          (I) Course(1) Passed -- (400)MDL-76607.png
          64 kB
        2. (I) Course(1) Passed -- (401)MDL-76607.png
          (I) Course(1) Passed -- (401)MDL-76607.png
          69 kB
        3. (I) Course(1) Passed -- (Master)MDL-76607.png
          (I) Course(1) Passed -- (Master)MDL-76607.png
          74 kB
        4. (I) Course(2) Passed -- (400)MDL-76607.png
          (I) Course(2) Passed -- (400)MDL-76607.png
          93 kB
        5. (I) Course(2) Passed -- (401)MDL-76607.png
          (I) Course(2) Passed -- (401)MDL-76607.png
          88 kB
        6. (I) Course(2) Passed -- (Master)MDL-76607.png
          (I) Course(2) Passed -- (Master)MDL-76607.png
          86 kB
        7. (II) Category(1) Passed -- (400)MDL-76607.png
          (II) Category(1) Passed -- (400)MDL-76607.png
          90 kB
        8. (II) Category(1) Passed -- (401)MDL-76607.png
          (II) Category(1) Passed -- (401)MDL-76607.png
          99 kB
        9. (II) Category(1) Passed -- (Master)MDL-76607.png
          (II) Category(1) Passed -- (Master)MDL-76607.png
          85 kB
        10. (II) Category(2) Passed -- (400)MDL-76607.png
          (II) Category(2) Passed -- (400)MDL-76607.png
          155 kB
        11. (II) Category(2) Passed -- (401)MDL-76607.png
          (II) Category(2) Passed -- (401)MDL-76607.png
          158 kB
        12. (II) Category(2) Passed -- (Master)MDL-76607.png
          (II) Category(2) Passed -- (Master)MDL-76607.png
          151 kB
        13. (III) Passed -- (400)MDL-76607.png
          (III) Passed -- (400)MDL-76607.png
          54 kB
        14. (III) Passed -- (401)MDL-76607.png
          (III) Passed -- (401)MDL-76607.png
          95 kB
        15. (III) Passed -- (Master)MDL-76607.png
          (III) Passed -- (Master)MDL-76607.png
          59 kB
        16. (IV) Passed -- (400)MDL-76607.png
          (IV) Passed -- (400)MDL-76607.png
          52 kB
        17. (IV) Passed -- (401)MDL-76607.png
          (IV) Passed -- (401)MDL-76607.png
          55 kB
        18. (IV) Passed -- (Master)MDL-76607.png
          (IV) Passed -- (Master)MDL-76607.png
          48 kB
        19. blankspace.png
          blankspace.png
          64 kB
        20. image-2023-01-12-15-01-14-043.png
          image-2023-01-12-15-01-14-043.png
          96 kB
        21. long_names_trigger_table_scroll.png
          long_names_trigger_table_scroll.png
          114 kB
        22. longcn_home.png
          longcn_home.png
          28 kB
        23. longcoursename_cal_dropdown.png
          longcoursename_cal_dropdown.png
          20 kB
        24. longcoursename_courselink.png
          longcoursename_courselink.png
          27 kB
        25. longcoursename_detail.png
          longcoursename_detail.png
          40 kB
        26. longcoursename_mycourses-1.png
          longcoursename_mycourses-1.png
          60 kB
        27. longcoursename_report.png
          longcoursename_report.png
          53 kB
        28. longcoursename_timeline.png
          longcoursename_timeline.png
          27 kB
        29. min-width-increased.png
          min-width-increased.png
          1.01 MB
        30. more_column_with_wrap.png
          more_column_with_wrap.png
          96 kB
        31. Screenshot from 2022-12-28 13-17-12.png
          Screenshot from 2022-12-28 13-17-12.png
          64 kB
        32. Screenshot from 2022-12-28 13-22-16.png
          Screenshot from 2022-12-28 13-22-16.png
          117 kB
        33. without_max-width_on_calender_dd.png
          without_max-width_on_calender_dd.png
          21 kB

            david.woloszyn@moodle.com David Woloszyn
            meirza.arson@moodle.com Meirza
            Meirza Meirza
            Ilya Tregubov Ilya Tregubov
            Kim Jared Lucas Kim Jared Lucas
            Votes:
            0 Vote for this issue
            Watchers:
            10 Start watching this issue

              Created:
              Updated:
              Resolved:

                Estimated:
                Original Estimate - Not Specified
                Not Specified
                Remaining:
                Remaining Estimate - 0 minutes
                0m
                Logged:
                Time Spent - 7 hours, 10 minutes
                7h 10m

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