Skip to content

fix: [avatar] fix group overlap, remove disabled, forward props - #923

Open
rohanchkrabrty wants to merge 2 commits into
mainfrom
fix/avatar-group
Open

rohanchkrabrty wants to merge 2 commits into
mainfrom
fix/avatar-group

Conversation

@rohanchkrabrty

@rohanchkrabrty rohanchkrabrty commented Sep 29, 2026 •

Copy link
Copy Markdown
Contributor

Summary

  • Fix the AvatarGroup overlap rules. They used .avatar-size-N .avatarWrapper, which never matched, so every size got the default overlap. They now use .avatarWrapper:has(.avatar-size-N).
  • Remove the disabled variant. An avatar is not interactive, and the variant never received the prop, so disabled only reached the root as an attribute. Code that passes disabled now gets a type error.
  • Forward onLoadingStatusChange to the Base UI image, and add fallbackDelay for the fallback delay.
  • Look for the first avatar in render and in array children, so the overflow avatar matches an avatar inside a Tooltip.
  • Key group items with Children.map instead of the array index. Add a Group section to the docs.

Closes #597

@vercel

vercel Bot commented Sep 29, 2026 •

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
apsara Ready Ready Preview Sep 29, 2026 1:09pm UTC

@coderabbitai

coderabbitai Bot commented Sep 29, 2026 •

Copy link
Copy Markdown
Contributor

Warning

Review limit reached

Next included review available in 17 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Learn how review limits work.

Review configuration:

⚙️ Run configuration

Configuration used: Organization UI

Review profile: CHILL

Plan: Advanced

Run ID: 565b1698-8a40-41f6-95f7-711ea493ff69

📥 Commits

Reviewing files that changed from the base of the PR and between 8bf6f0d and 0d7159c.

📒 Files selected for processing (6)
  • apps/www/src/content/docs/components/avatar/demo.ts
  • apps/www/src/content/docs/components/avatar/index.mdx
  • apps/www/src/content/docs/components/avatar/props.ts
  • packages/raystack/components/avatar/__tests__/avatar.test.tsx
  • packages/raystack/components/avatar/avatar.module.css
  • packages/raystack/components/avatar/avatar.tsx

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@pkg-pr-new

pkg-pr-new Bot commented Sep 29, 2026 •

Copy link
Copy Markdown

Open in StackBlitz

pnpm add https://pkg.pr.new/@raystack/apsara@923

commit: 0d7159c

An avatar is not interactive. The variant never received the prop, so disabled only leaked onto the span as an attribute.
@rohanchkrabrty rohanchkrabrty changed the title fix: [avatar] fix group overlap, wire disabled, forward props fix: [avatar] fix group overlap, remove disabled, forward props Sep 29, 2026

This branch was successfully deployed

1 active deployment
Preview — 0d7159c1 Deployed Sep 29, 2026 by vercel[bot]
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.

[Avatar] Fix AvatarGroup sizing, wire up disabled prop, and forward Base UI props

2 participants