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

Anchor link offset fix is not working with "display:flex" elements

    XMLWordPrintable

Details

    Description

      When using anchor in URLs, page should scroll to the element with the same  id as the anchor. But adding the fixed header height is needed so elements don't hide underneath the header.

      There is a fix for that: https://github.com/moodle/moodle/blob/master/theme/boost/scss/moodle/drawer.scss#L9-L16

      But this fix does not work propperly with elements having"display:flex".

      Test:

      1. Login and access the dashboard
      2. WIth the inspector look for some id of the righ side blocks (Should be something like "inst18")
      3. Add "#inst18" to the browser URL and press enter
      4. Check that page scroll to the block but it is partially hidden by the fixed header.
      5.  

       

      Attachments

        Issue Links

          Activity

            People

              mikelmartíncorrales Mikel Martín Corrales
              mikelmartíncorrales Mikel Martín Corrales
              Bas Brands Bas Brands
              Víctor Déniz Falcón Víctor Déniz Falcón
              Angelia Dela Cruz Angelia Dela Cruz
              Huong Nguyen, Bas Brands, Mathew May
              Votes:
              0 Vote for this issue
              Watchers:
              8 Start watching this issue

              Dates

                Created:
                Updated:
                Resolved:
                13/Sep/21

                Time Tracking

                  Estimated:
                  Original Estimate - 0 minutes
                  0m
                  Remaining:
                  Remaining Estimate - 0 minutes
                  0m
                  Logged:
                  Time Spent - 1 day, 35 minutes
                  1d 35m