[docs] "Skip to content" button getting in the way of the header navigation

[best-wing]

Duplicates

• I have searched the existing issues

Related page

https://mui.com/material-ui/getting-started/#main-content

Kind of issue

Other

Issue description

Hello world!
I'm a fan of MUI and found a bug at the header navigation.
It occurs only on doc pages for MUI core. But might be same on the other pages.

When ever I click here, I get this unwanted element.
Kindly fix this.
I think a lot of people will have trouble with this not only me.

Thanks in advance.

Context 🔦

No response

[danilo-leal]

Hey @silver613, thanks for opening the issue! When you say "whenever I click here", what are you referring to? Here where?

[best-wing]

Please go to this link.
https://mui.com/material-ui/getting-started/#main-content
And try to click here(I attached screenshot).

Then you will see the issue.

[best-wing]

Hi all. thanks for your considering.
Kindly check this video. I think you will get the point after this.

https://www.loom.com/share/50db6fbe9a9941b48d5b4025296dfcab?sid=68a6ea98-154b-471f-a3e5-bddd487c59b0

If you think this is proper action, plz let me know.

[best-wing]

Yeah, works fine on the other computers. But not working only on my pc.
I tested it on every browsers I have.
What's wrong with my pc do you think?

[danilo-leal]

Uhm, for me, too, I can't reproduce it, regardless of the browser. But appreciate the video! Have you tried doing hard refreshes? Just to clear this option out.

[oliviertassinari]

The origin & solution of this problem is in the source:

material-ui/docs/src/modules/components/SkipLink.tsx

Line 6 in 15c81a8

const StyledLink = styled(MuiLink)(({ theme }) => ({

(prefers-reduced-motion)

[oliviertassinari]

So, to reproduce, the trick was to have reduce motion enabled, if you want to disable it on your laptop, follow: https://developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion#user_preferences.

[best-wing]

@oliviertassinari Wa~, it works after I turned on animation effect on pc settings. Thank you so much. ❤️