adobe / adobe/helix-website

CLS fix for gist examples

Open
#74 0 comments 0 reactions 0 assignees View on GitHub
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.