Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(v2): prepend docsearch modal to body element #4188

Merged
merged 1 commit into from
Feb 8, 2021
Merged

Conversation

lex111
Copy link
Contributor

@lex111 lex111 commented Feb 7, 2021

Motivation

Should fix #4088.

For some unknown reason, on Safari (actual at least for 12.1, 13.1, 14 versions, tested with BrowserStack) after closing docsearch modal, current page automatically scrolls to the bottom. This is a very strange bug, specific only to Safari, and after all my unsuccessful efforts I could not determine the reason for this. However, I found out that where docsearch was added does really matter -- if it is added as the first body element then the scrolling issue is solved.

Until we figure out why this is happening, I think we can use this fix.

Have you read the Contributing Guidelines on pull requests?

Yes

Test Plan

Check it out preview site on Safari.

Related PRs

(If this PR adds or changes functionality, please take some time to update the docs at https://github.com/facebook/docusaurus, and link to your PR here.)

@lex111 lex111 added the pr: bug fix This PR fixes a bug in a past release. label Feb 7, 2021
@lex111 lex111 requested a review from slorber as a code owner February 7, 2021 14:21
@facebook-github-bot facebook-github-bot added the CLA Signed Signed Facebook CLA label Feb 7, 2021
@netlify
Copy link

netlify bot commented Feb 7, 2021

[V1] Deploy preview success

Built with commit 8fde69e

https://deploy-preview-4188--docusaurus-1.netlify.app

@netlify
Copy link

netlify bot commented Feb 7, 2021

Deploy preview for docusaurus-2 ready!

Built with commit 8fde69e

https://deploy-preview-4188--docusaurus-2.netlify.app

@github-actions
Copy link

github-actions bot commented Feb 7, 2021

⚡️ Lighthouse report for the changes in this PR:

Category Score
🟢 Performance 92
🟢 Accessibility 96
🟢 Best practices 100
🟢 SEO 100
🟢 PWA 95

Lighthouse ran on https://deploy-preview-4188--docusaurus-2.netlify.app/classic/

@github-actions
Copy link

github-actions bot commented Feb 7, 2021

Size Change: 0 B

Total Size: 156 kB

ℹ️ View Unchanged
Filename Size Change
website/build/assets/css/styles.********.css 17.6 kB 0 B
website/build/assets/js/main.********.js 109 kB 0 B
website/build/blog/2017/12/14/introducing-docusaurus/index.html 21.7 kB 0 B
website/build/docs/introduction/index.html 180 B 0 B
website/build/index.html 6.95 kB 0 B

compressed-size-action

@slorber
Copy link
Collaborator

slorber commented Feb 8, 2021

Thanks @lex111 , seems to work and good enough for now

Ping @Shipow @francoischalifour , any idea what's the cause of this safari scroll bug on modal close when we add Algolia modal to body?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
CLA Signed Signed Facebook CLA pr: bug fix This PR fixes a bug in a past release.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Page scroll on search (Website)
3 participants