Fix the visible loading delay of the copy page button #643
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.
Describe the purpose of your pull request
This PR fixes the visible loading delay of the copy page button in which the button appears ~1 second after the page is loaded. This issue was reported to me after some QA checks from rest of the content team.
During research and brainstorming, I found that if the button element can be placed next to the H1 element in the source code, then the need for injecting it after the DOM is built would solve the visible delay.
This was accomplish by swizzling just the
DocItem/Contentcomponent, so the copy page button can be included next to the page Heading.Related issues (only if applicable)
n/a
How to test? (only if applicable)
Preview link: https://fix-copy-button-loading.docs-xmy.pages.dev/docs/advanced/caching/
What part of the application was affected by the changes?
What should be tested?
Requirement checklist