CLS fix for gist examples
Open
- Dominant language
- JavaScript
- Stars
- 45
- Forks
- 59
- Avg merge
- 3d 7h
- Merged PRs (30d)
- 12
Description
i think there are a few blocks that can appear above the fold eg. here:
https://main--helix-website--adobe.hlx3.page/docs/indexing-reference
i think it would be great to remove the CLS impacts for those blocks, i am not sure what the best strategy, for the gists it could be that a the height might be fixed.
Contributor guide
Research direction
Start by inspecting the blocks that appear above the fold on docs/indexing-reference, especially the gist examples linked in the issue. Measure their layout shift and identify a strategy that prevents the blocks from changing size; done means those examples no longer contribute avoidable CLS.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- documentation, performance
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100