Skip to content

feat(avatar): fix badge clipping and align documentation examples#9687

Open
bae080311 wants to merge 24 commits intoshadcn-ui:mainfrom
bae080311:fix/avatar-badge-clipping
Open

feat(avatar): fix badge clipping and align documentation examples#9687
bae080311 wants to merge 24 commits intoshadcn-ui:mainfrom
bae080311:fix/avatar-badge-clipping

Conversation

@bae080311
Copy link
Copy Markdown

resolve. #9678

Summary

This PR fixes an issue where the AvatarBadge component was being clipped by the root Avatar component's overflow: hidden style.
It also resolves discrepancies between the documentation examples and the actual component structure.

Changes

Components

  • Removed root-level overflow-hidden (where applicable) to allow absolutely positioned badges to render without being clipped.
  • Added rounded-full to AvatarImage across all styles (new-york-v4, base, radix) to ensure the image remains circular even when the root container does not clip its children.

Documentation

  • Updated AvatarBadge examples in both Base UI and Radix UI documentation to use consistent and recommended classes.

Developer Experience

  • Added a fallback for NEXT_PUBLIC_APP_URL in RootLayout to prevent runtime errors during local development when the environment variable is not set.

Verification

  • Verified on local development server (http://localhost:4000).
  • Ran pnpm registry:build to ensure all registry files were correctly regenerated and formatted.

@vercel
Copy link
Copy Markdown
Contributor

vercel bot commented Feb 20, 2026

@bae080311 is attempting to deploy a commit to the shadcn-pro Team on Vercel.

A member of the Team first needs to authorize it.

@bae080311 bae080311 closed this Feb 28, 2026
@APimenta4
Copy link
Copy Markdown

@bae080311 can we please reopen this? would benefit some projects I've been working on

@bae080311 bae080311 reopened this Mar 8, 2026
@bae080311 bae080311 force-pushed the fix/avatar-badge-clipping branch from 95e9ae5 to 40baeaa Compare March 8, 2026 01:47
@bae080311
Copy link
Copy Markdown
Author

@bae080311 can we please reopen this? would benefit some projects I've been working on

Reopened — thanks for the interest.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants