Skip to content

fix: prevent tooltip overflow causing horizontal scrollbar in Footer#1494

Open
nishita1797-glitch wants to merge 2 commits into
magic-peach:mainfrom
nishita1797-glitch:fix/tooltip-horizontal-overflow
Open

fix: prevent tooltip overflow causing horizontal scrollbar in Footer#1494
nishita1797-glitch wants to merge 2 commits into
magic-peach:mainfrom
nishita1797-glitch:fix/tooltip-horizontal-overflow

Conversation

@nishita1797-glitch

Copy link
Copy Markdown
Contributor

Description

Fixed a horizontal scrollbar bug caused by tooltip overflow in the Footer component.

The social media icon tooltips used left-1/2 -translate-x-1/2 with whitespace-nowrap, causing them to overflow outside the viewport when near the right edge of the screen.

Fix:

  • Added overflow-x-hidden to the <footer> element
  • Added max-w-xs truncate to the tooltip <span> to constrain its width

Related Issue

Fixes #1267

Type of Contribution

  • Bug fix
  • New feature
  • Documentation update
  • Refactor
  • GSSoC contribution

Participant Info

  • GitHub username: nishita1797-glitch
  • Contribution level (Beginner/Intermediate/Advanced): Beginner

Screen Recording

Recording / Loom link: [Add your screen recording link here]

Checklist

  • I have read the contribution guidelines
  • My changes follow the project structure
  • I have tested my changes in Chrome, Firefox, and Safari
  • bun run lint passes (no ESLint errors)
  • bunx tsc --noEmit passes (no TypeScript errors)
  • New interactive elements have aria-label / accessible names
  • No console.log statements left in
  • This PR is related to a valid issue
  • Screen recording attached above

@vercel

vercel Bot commented Jun 2, 2026

Copy link
Copy Markdown

@nishita1797-glitch is attempting to deploy a commit to the magic-peach1's projects Team on Vercel.

A member of the Team first needs to authorize it.

@github-actions

github-actions Bot commented Jun 2, 2026

Copy link
Copy Markdown
Contributor

👋 Thanks for your PR, @nishita1797-glitch!

Welcome to Reframe — a browser-based video editor built for everyone 🎬

🟠 GSSoC'26 PR detected — thanks for contributing under GirlScript Summer of Code 2026!

What happens next

  1. 🤖 Automated checks — build & TypeScript typecheck will run automatically
  2. Vercel preview — a preview deployment will be created (requires maintainer authorization for fork PRs)
  3. 👀 Code review — a maintainer will review your changes
  4. 🚀 Merge — once approved, your PR will be merged!

Quick checklist

  • PR title follows Conventional Commits (e.g. feat: add dark mode)
  • Linked the issue this PR closes (e.g. Closes #123)
  • Tested the changes locally (bun run dev)
  • Build passes (bun run build)

Useful links

Happy coding! 🎉

@github-actions github-actions Bot added the gssoc'26 GirlScript Summer of Code 2026 label Jun 2, 2026
@github-actions

github-actions Bot commented Jun 2, 2026

Copy link
Copy Markdown
Contributor

✅ PR Format Check Passed — @nishita1797-glitch

Basic format checks passed. A maintainer will review your code changes.

This does not mean the PR is approved — it just means the format is correct.

@github-actions github-actions Bot added level:intermediate Intermediate level - 35 pts type:bug Bug fix type:docs Documentation type:feature New feature type:refactor Code refactor labels Jun 2, 2026
@nishita1797-glitch nishita1797-glitch changed the title Fix/tooltip horizontal overflow fix: prevent tooltip overflow causing horizontal scrollbar in Footer Jun 2, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

gssoc'26 GirlScript Summer of Code 2026 level:intermediate Intermediate level - 35 pts type:bug Bug fix type:docs Documentation type:feature New feature type:refactor Code refactor

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[BUG] [GSSoC'26] : fix: prevent horizontal overflow caused by tooltip positioning

1 participant