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

Anchor link offset fix is not working properly in Chrome

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.10.7
    • Fix Version/s: None
    • Component/s: Themes
    • Labels:
      None
    • Affected Branches:
      MOODLE_310_STABLE

      Description

      MDL-71152 introduce scroll-margin-top to scroll to an element when its anchor is set in the URL. It works properly on Firefox, Safari, Edge.

      In Chrome it mostly does, except when the anchor in the URL is the first block on the main content area of the Dashboard (Recently accessed courses in a fresh instance).

      The anchor link offset fix styles are located in theme/boost/scss/moodle/drawer.scss. Consider if that is the ideal place.

      Example:

      • Login and access the dashboard using Chrome
      • With the inspector look for the id (instNN) of the block on the main content area (usually Recently accessed courses)
      • Add "#instNN" to the browser URL and press enter
      • Check that page scrolls to the block but it is partially hidden by the fixed header.

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              Unassigned Unassigned
              Reporter:
              vmdef Víctor Déniz Falcón
              Participants:
              Component watchers:
              Huong Nguyen, Bas Brands, Mathew May
              Votes:
              0 Vote for this issue
              Watchers:
              2 Start watching this issue

                Dates

                Created:
                Updated: