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

Book Table of Contents items overlap in Boost theme (IE 11)

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Development in progress
    • Priority: Major
    • Resolution: Unresolved
    • Affects Version/s: 3.7.5, 3.8.2, 3.9
    • Fix Version/s: None
    • Component/s: Accessibility, Book
    • Labels:
    • Testing Instructions:
      Hide

      Assuming that you already created the new course containing a book as described in the section of this ticket called Description > Reproducing the issue.

      Using Internet Explorer 11 on Windows:

      1. Log into Moodle as an Administrator
      2. Go into the course.
      3. Go into the activity containing a book.

      The list of chapters in the table of contents should no longer all be overlapping each other.

      Now repeat the same steps with the Chrome, Firefox and Safari to ensure that the fix did not break anything in those browsers. If you have them available, you could also check it with some mobile devices. However, since this is a bug specific to IE 11, it will very likely be just fine.

      Note that, as indicated in the Description section of this ticket, this fix does not address the placement issue, just the overlapping text.

      Show
      Assuming that you already created the new course containing a book as described in the section of this ticket called Description > Reproducing the issue. Using Internet Explorer 11 on Windows: Log into Moodle as an Administrator Go into the course. Go into the activity containing a book. The list of chapters in the table of contents should no longer all be overlapping each other. Now repeat the same steps with the Chrome, Firefox and Safari to ensure that the fix did not break anything in those browsers. If you have them available, you could also check it with some mobile devices. However, since this is a bug specific to IE 11, it will very likely be just fine. Note that, as indicated in the Description section of this ticket, this fix does not address the placement issue, just the overlapping text.
    • Workaround:
      Hide

      Use a different web browser or add the following to the HEAD section of Moodle's "Additional HTML" settings:

      <style>
      .path-mod-book .book_toc li {flex-basis: auto;}
      </style>

      Show
      Use a different web browser or add the following to the HEAD section of Moodle's "Additional HTML" settings: <style> .path-mod-book .book_toc li {flex-basis: auto;} </style>
    • Difficulty:
      Easy
    • Affected Branches:
      MOODLE_37_STABLE, MOODLE_38_STABLE, MOODLE_39_STABLE
    • Pull 3.7 Branch:
      MDL-68257-M37
    • Pull 3.8 Branch:
      MDL-68257-M38
    • Pull Master Branch:
      MDL-68257-master

      Description

      When creating a book, the chapters and sub-chapters all overlap each other resulting in a jumble of text on the screen when viewed in Internet Explorer 11 on a desktop. Example:

      This displays properly in Chrome, Firefox and Edge. It only happens in the Boost core theme, not the Classic theme. However, I also noticed it in themes based on Boost as they inherits the issue.

      Reproducing the issue

      1. Login as a Moodle administrator.
      2. Ensure that the Boost theme is active (not an issue in Classic)
      3. Create a new course.
      4. Add a book to the course
      5. Add 2 chapters to the book. Just a few words in the chapter titles and content fields are sufficient.
      6. Save

      Look at the automatically generated table of contents. You will notice that all of the chapter titles overlap each other.

      Why is this an Accessibility issue?

      Because it is only readable by a screen reader.

      What I expected

      I expected the table of contents to be readable, with each chapter on a separate line.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              michael-milette Michael Milette
              Reporter:
              michael-milette Michael Milette
              Peer reviewer:
              Mihail Geshoski
              Participants:
              Component watchers:
              Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias, David Jones, Adrian Greeve, Jake Dallimore, Mathew May, Mihail Geshoski, Peter Dias
              Votes:
              0 Vote for this issue
              Watchers:
              4 Start watching this issue

                Dates

                Created:
                Updated:

                  Time Tracking

                  Estimated:
                  Original Estimate - Not Specified
                  Not Specified
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 30 minutes
                  30m