Skip to content

[Bug]: AvatarGroup pie variant breaking in dir="rtl" #25680

@kkakroo

Description

@kkakroo

Library

React Components / v9 (@fluentui/react-components)

System Info

System:
    OS: macOS 13.0.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 13.12 GB / 32.00 GB
    Shell: 5.8.1 - /bin/zsh
  Browsers:
    Chrome: 107.0.5304.110
    Safari: 16.1

Are you reporting Accessibility issue?

No response

Reproduction

https://codesandbox.io/s/fluent-v9-avatar-group-pie-rtl-bug-c6lmil?file=/example.tsx

Bug Description

Actual Behavior

Avatar Group pie renders properly in rtl direction

Expected Behavior

Avatar Group pie is breaking in rtl direction
image

Repro

Logs

No response

Requested priority

High

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

Validations

  • Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
  • The provided reproduction is a minimal reproducible example of the bug.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions