https://react.dev/learn/ is not showing right side menu in macbook pro m2 14.2.1

[hasanahbd]

https://react.dev/learn/ is not showing right side menu in macbook pro m2 14.2.1

[pwbriggs]

@rickhanlonii maybe this is out of scope for this issue, but I think it is worth considering (as I said above) collapsing the table of contents somehow, rather than removing it. Not sure how difficult that would be to implement. It could be argued that a table of contents is possibly even more important on mobile devices (page height is greater, searching text in-page isn't as simple as just ctrl+F).

Of course, maybe something like this is already implemented and I'm missing it.

Thoughts?

[pwbriggs]

Hey there, @hasanahbd! 👋

I think the issue you're experiencing is due to react.dev's responsive web design. If the browser narrower than a certain threshold, the site won't display the "On this page" section, because it would take up too much space. This makes the site work on a greater range of devices from desktop all the way to a smartphone. See the screencast below for an illustration of this.

Recording.2024-01-20.135945.mp4

In your case, decreasing the zoom is essentially making the page "wider" (though the browser displays it in a smaller space).

It is debatable whether removing the table of contents is the best choice here. A potential alternative would be to instead collapse it into a menu, like the left sidebar does on very narrow displays (see the recording above).

Hope this helps!

[hasanahbd]

Thanks.
Your screen cast is not playing

[rickhanlonii]

Yeah @pwbriggs is right, you can see yourself by resizing the browser window.