Can't use vertical scroll bar when tile and side bar are opened

Issue #178 resolved
Patrice Robitaille created an issue

*DESCRIPTION*

In some situation, we can’t scroll verticaly in the tile content by using the mouse pointer.

OBSERVED BEHAVIOR:

The When a tile is opened AND the right bar is opened, we can’t use the vertical scroll bar with mouse pointer (only scroll wheel) to scroll in the tile content. The click applied on the overlay and close the tile.

The only clickable scroll bar is the one at the right edge of the screen, and only scroll in the side bar.

EXPECTED BEHAVIOR:

The vertical scroll bar of the tiles view should not be behind the black overlay that close the tile on click.

*STEPS TO REPLICATE*

  1. Open the right panel
  2. Open a tile
  3. Try to click on vertical bar to scroll down in the tiles view
  4. Clicking on the scroll bar click in fact on the overlay, which close the tile.

The only clickable scroll bar is the one at the right edge of the screen, and only scroll in the side bar.

Moodle Version: 4.1

Comments (6)

  1. David Watson repo owner

    Hi Patrice can you try this for me please? Here is some CSS:

    .format-tiles.path-course-view #page {overflow-y: visible;}

    As site admin can you go to Site Admin > Plugins > Course formats > Tiles format > Settings > Other and enter the above into the “custom CSS” box? This will apply this CSS to tiles courses only. Does it help? (the URL for the page for this is /admin/settings.php?section=formatsettingtiles#tab-other)

    In the next release I am planning to add this to the code so that a custom setting won’t be needed but interested to hear if this works for you.

  2. David Watson repo owner

    The latest 4.3 Beta on moodle.org now contains the fix and this is planned to be rolled out to 4.1 and 4.2 in the next few weeks

  3. Wiktor Wandachowicz

    Hello, David.
    In our installation at Lodz University of Technology in Poland [1] the following CSS didn’t work:

    .format-tiles.path-course-view #page {overflow-y: visible;}

    However, after using auto instead of visible the scrollbar is present as expected, which is great!

    .format-tiles.path-course-view #page {overflow-y: auto;}

    We have Moodle 4.1 LTS installed, with custom theme (other than boost, adaptable or moove).
    And I was taking a look at format_tiles in version 2024031601 (Release 4.1.1.4)

    [1] Our Moodle main site is at: https://edu.p.lodz.pl - but to log in the student or employee account is necessary, so only a small amount of content be seen.

  4. David Watson repo owner

    Wiktor - belated thanks for your comment about auto. I have made that change in the latest releases now available on moodle.org

  5. Log in to comment