Skip to content

Conversation

@sopranopillow
Copy link
Contributor

Previous Behavior

image

New Behavior

image

Related Issue(s)

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 2f5054d:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration
fluent-v9-avatar-group-pie-rtl-bug Issue #25680
fluent-v9-avatar-group-pie-rtl-bug Issue #25680

@size-auditor
Copy link

size-auditor bot commented Nov 28, 2022

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: 5b183163c77ca9cdba1c67185139479530f7a5b6 (build)

@fabricteam
Copy link
Collaborator

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 1519 1520 5000
Button mount 1101 1097 5000
FluentProvider mount 1826 1835 5000
FluentProviderWithTheme mount 731 724 10
FluentProviderWithTheme virtual-rerender 696 669 10
FluentProviderWithTheme virtual-rerender-with-unmount 713 712 10
MakeStyles mount 2206 2236 50000
SpinButton mount 3100 3040 5000

@fabricteam
Copy link
Collaborator

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-avatar
AvatarGroupItem
65.654 kB
18.382 kB
67.306 kB
18.581 kB
1.652 kB
199 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-alert
Alert
86.891 kB
21.708 kB
react-avatar
Avatar
51.076 kB
14.285 kB
react-avatar
AvatarGroup
15.006 kB
6.009 kB
react-components
react-components: Button, FluentProvider & webLightTheme
62.975 kB
17.687 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
190.411 kB
53.077 kB
react-components
react-components: FluentProvider & webLightTheme
33.48 kB
11.037 kB
react-persona
Persona
57.131 kB
15.951 kB
react-portal-compat
PortalCompatProvider
5.857 kB
1.978 kB
🤖 This report was generated against 5874b65a2be89f82ab07baab183f6b19ca9af239

@fabricteam
Copy link
Collaborator

🕵 fluentuiv9 Open the Visual Regressions report to inspect the 5 screenshots

✅ There was 3 screenshots added, 0 screenshots removed, 1749 screenshots unchanged, 0 screenshots with different dimensions and 2 screenshots with visible difference.

unknown 5 screenshots
Image Name Diff(in Pixels) Image Type
Avatar Converged.size+active+badge.normal.chromium.png 8 Changed
Avatar Converged.size+active+ring-shadow.normal.chromium.png 5 Changed
AvatarGroup Converged.layoutPie - RTL.default.chromium.png 0 Added
AvatarGroup Converged.layoutPie-1 - RTL.default.chromium.png 0 Added
AvatarGroup Converged.layoutPie-2 - RTL.default.chromium.png 0 Added

@sopranopillow sopranopillow merged commit 1a55863 into microsoft:master Nov 29, 2022
@sopranopillow sopranopillow deleted the avatargroup/rtl-fix branch November 29, 2022 16:47
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Dec 1, 2022
* master:
  BREAKING: `useTable` renamed to `useTableFeatures` (microsoft#25797)
  chore: add retries for navigation in ssr-tests-v9 (microsoft#25844)
  fix: Cell actions should have correct background when row focused within (microsoft#25790)
  applying package updates
  Disable 3 Avatar Converged active stories (microsoft#25765)
  chore: introduce TS path aliases for improved DX in v8 (microsoft#25778)
  chore: prepare release react-northstar 0.65.0 (microsoft#25446)
  refactor(scripts): encapsulate v0 and v8 tooling within its domain boundaries (microsoft#25738)
  Support single point in area chart (microsoft#25842)
  chore: enable isolateModules in all v8 packages (microsoft#25774)
  chore: refactor styles for Button (microsoft#25216)
  feat: Improve docs for `DataGrid`, export as unstable (microsoft#25805)
  applying package updates
  fix: Allow data-selection-disabled to be respected by DetailsRow (microsoft#25836)
  docs(rfcs): Update recipes rfc with chosen option and add more details (microsoft#25823)
  chore(react-textarea): migrate to new package structure (microsoft#25820)
  chore(react-switch): migrate to new package structure (microsoft#25819)
  fix(react-avatar): AvatarGroup's pie layout places inline items correctly in rtl (microsoft#25822)
  chore: add few improvements to toolbar stories (microsoft#25635)
Hotell pushed a commit to Hotell/fluentui that referenced this pull request Feb 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

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

4 participants