fix: scroll to a markdown heading is hidden when navigating on mobile #266
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
On mobile, if you click a link to a heading within the markdown content, the heading with its content is hidden behind the mobile navbar.
To test, using a mobile phone (or more realistically the browser devtool) go to: https://tanstack.com/router/latest/docs/framework/react/start/api-routes, and click on the "Defining an API Route" link in the topics at the start of the page.
See the heading is hidden behind the navbar.
![image](https://private-user-images.githubusercontent.com/33615041/362250086-04bd52c0-b043-404b-957c-65073c68e61d.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTY5OTIsIm5iZiI6MTczOTM1NjY5MiwicGF0aCI6Ii8zMzYxNTA0MS8zNjIyNTAwODYtMDRiZDUyYzAtYjA0My00MDRiLTk1N2MtNjUwNzNjNjhlNjFkLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDEwMzgxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWQ2MjZjMjk5MzM4MDNmZjU1ZGQ4NThiNDc3OTI3ZjBiNjQ1NzMzNTMzYzRjYmQ3Njc0NTRiNzE1ZWRhNWY2YjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.-y5OMJxIiftv5pRszyvzjzLxcLD4OkdITW2LtKSOceg)
With this fix, it is no longer hidden.
![image](https://private-user-images.githubusercontent.com/33615041/362250168-9b1dddbb-c042-4bda-b7fb-8364527ad8fe.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzNTY5OTIsIm5iZiI6MTczOTM1NjY5MiwicGF0aCI6Ii8zMzYxNTA0MS8zNjIyNTAxNjgtOWIxZGRkYmItYzA0Mi00YmRhLWI3ZmItODM2NDUyN2FkOGZlLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDEwMzgxMlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTE3OWEyNzIwNzU0MmJiMzFiMGVmMTdiZDQyMzZiMDg2ODQxZjBlNzQ4YmU5NmRhNmI5MTBlOWM2MmJjM2I1NzcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.OYgT2T1TfRHRts-UfeO0MznvNnEARQAzhBL9ODWASHE)