Onboarding: Fix welcome message appearing off screen

[noisysocks]

Asana Task/Github Issue: https://app.asana.com/1/137249556945/project/1207340338530322/task/1207201632549085?focus=true

Description

Prevent the welcome message in Onboarding from having a negative translateY value and appearing off screen.

Testing Steps

1. Browse to https://deploy-preview-1650--content-scope-scripts.netlify.app/build/pages/onboarding/.
2. Resize your browser so that the height is small.
3. “Hi there. Ready for a faster browser that keeps you protected?” bubble should not appear off screen.

Checklist

Please tick all that apply:

• I have tested this change locally
• I have tested this change locally in all supported browsers
• This change will be visible to users
• I have added automated tests that cover this change
• I have ensured the change is gated by config
• This change was covered by a ship review
• This change was covered by a tech design
• Any dependent config has been merged

[netlify]

✅ Deploy Preview for content-scope-scripts ready!

Name	Link
🔨 Latest commit	a2d29e3
🔍 Latest deploy log	https://app.netlify.com/sites/content-scope-scripts/deploys/6811e670e8b8390007fdaf20
😎 Deploy Preview	https://deploy-preview-1650--content-scope-scripts.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[github-actions]

Temporary Branch Update

The temporary branch has been updated with the latest changes. Below are the details:

• Branch Name: pr-releases/pr-1650
• Commit Hash: 6b47ed9fb912a0733e280ef681f1778c1ba123ec
• Last Updated: April 30, 2025 at 9:00:03 AM UTC
• Install Command: npm i github:duckduckgo/content-scope-scripts#6b47ed9fb912a0733e280ef681f1778c1ba123ec

Please use the above install command to update to the latest version.

[github-actions]

[Beta] Generated file diff

Time updated: Wed, 30 Apr 2025 09:00:05 GMT

Integration

    - integration/pages/onboarding/dist/index.css

File has changed

Windows

    - windows/pages/onboarding/dist/index.css

File has changed

Apple

    - dist/pages/onboarding/dist/index.css

File has changed

[mgurgel]

This is a great fix, thanks @noisysocks . I'm now wondering why I chose to make the hiker position:absolute rather than fixed. It would prevent this from happening

But I also wonder if it would have any other side-effects. Going to try it out locally in a bit and report back.

[mgurgel]

@noisysocks I've been testing .hiker { position: fixed } on a local preview throughout the day and couldn't find any issues -- and it fixes the hiker scrolling up. Would you mind giving it a go on your end and see if you spot anything please? If you're happy to make that change. I can approve and merge when I'm back online.

[mgurgel]

I've committed position:fixed and will approve this based on my local testing as @shakyShane needs this fix too

[noisysocks]

@mgurgel: Sorry, I was a bit slow. Looks good to me though 👍🌈