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

Messaging UI controls covered by MacOS scroll bars

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Waiting for peer review
    • Priority: Blocker
    • Resolution: Unresolved
    • Affects Version/s: 3.9.3, 3.10.1
    • Fix Version/s: None
    • Component/s: Accessibility, Themes
    • Labels:
    • Testing Instructions:
      Hide

      Please test this on MacOs using Safari, Chrome and Firefox

      1. In your MacOS settings configure the "Show scroll bars" setting to be "When scrolling"
      2. Open the browser and login to Moodle as admin
      3. Navigate to a page that scrolls, for example the Site Administration page
      4. Open the message drawer
      5. You should see a bit of space on the right side of the message drawer
      6. Scroll down the page, you should see the scrollbar appear when scrolling
      7. Verify the scrollbar does not overlap the message drawer close button
      8. Change the browser size to a mobile size (767px wide or less)
      9. Verify there is no space on the right side of the message drawer
      Show
      Please test this on MacOs using Safari, Chrome and Firefox In your MacOS settings configure the "Show scroll bars" setting to be "When scrolling" Open the browser and login to Moodle as admin Navigate to a page that scrolls, for example the Site Administration page Open the message drawer You should see a bit of space on the right side of the message drawer Scroll down the page, you should see the scrollbar appear when scrolling Verify the scrollbar does not overlap the message drawer close button Change the browser size to a mobile size (767px wide or less) Verify there is no space on the right side of the message drawer
    • Affected Branches:
      MOODLE_310_STABLE, MOODLE_39_STABLE
    • Pull from Repository:
    • Pull 3.9 Branch:
    • Pull 3.10 Branch:
      MDL-70411-310
    • Pull Master Branch:
      MDL-70411-master

      Description

      A number of buttons in the Messaging drawer are right on the edge of the window, and are covered by the MacOS scroll bar when scrolling.

      When you subsequently mouse over them, then the scrollbar becomes larger and it is not possible to interact with them at all.

      This problem is much worse on Firefox, where the scrollbar remains once you mouse over it. Setting scroll bars in MacOS to "Always on" adds appropriate padding in the application layer making this trickier to replicate.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              basbrands Bas Brands
              Reporter:
              dobedobedoh Andrew Nicols
              Participants:
              Component watchers:
              Andrew Nicols, Jun Pataleta, Michael Hawkins, Shamim Rezaie, Simey Lameze, Bas Brands
              Votes:
              4 Vote for this issue
              Watchers:
              5 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