Docs site: Unexpected layout shift on homepage - Githubissues

innovaccer / design-system

Masala Design System (MDS) is an open-source design system built at Innovaccer. Figma file : https://www.figma.com/community/file/974368355920553546/masala-design-system-web-guidelines

https://mds.innovaccer.com

MIT License

84 stars 79 forks source link

Docs site: Unexpected layout shift on homepage #2362

Open anuradha9712 opened 1 week ago

anuradha9712 commented 1 week ago

Description

When user navigates to the MDS Docs site, there is an unexpected layout shift initially on the homepage.

It was working previously, but stopped functioning after migrating the code from Gatsby v3.x to v5.x

Steps to reproduce

Navigate to the MDS Docs site
Notice the unexpected layout shift on homepage for few milliseconds

Expected result

The expected behavior is that there should be no layout shift to ensure a better user experience.

Steps to fix the issue

Fork and clone this repository
Switch current directory to docs using command cd docs
Install dependencies using npm install
Start development server using npm run dev
Check the issue on your local environment on localhost:8000
Refer to this file for homepage's codebase

pranjalee30 commented 1 week ago

Hey @anuradha9712 mam, Can you please assign this to me?