Text size flickers from large to normal on mobile page load/refresh in name.tsx

[raghunandhanvr]

When accessing the site on mobile devices, there is a noticeable text size transition issue on the home page. Specifically:

• The text initially appears very large
• It then quickly transitions to its normal size
• This behavior occurs on both initial page load and refresh
• The issue is specifically related to the name-transition.tsx element

Steps to Reproduce

1. Open the site on a mobile device
2. Observe the text size on the initial load
3. Refresh the page and observe the same behavior

Expected Behavior

The text should appear at its intended size immediately without the large-to-normal size transition.

Additional Information

• Component affected: name.tsx
• Environment: Mobile browsers

Unable to upload the video here, so attached screenshot below

[leerob]

Hmmm very interesting. Open to ideas for fixes!

[leog]

@leerob created a PR to fix it

[leerob]

Thank you!

[raghunandhanvr]

@leerob @leog try opening the site on your mobile browser. Open in incognito tab when a fresh load, youll still notice the flickering