I am using internal links such as /lessons/lesson-slug#heading-slug for internal scrolling on a page. All of this works totally fine on desktop, but breaks on mobile view with an overlaid drawer nav component. See screen recording:

I can't pinpoint where the problem is... I have already tried passing these ModalProps on the Drawer component, but no luck sofar:

ModalProps={{
            hideBackdrop: true,
            disableScrollLock: true,
            disablePortal: true,
            disableAutoFocus: true
          }}

Any ideas? thanks in advance.