Skip to content

fix(react-tree): TreeItemPersonaLayout Renders Tree Appearance - #35373

Merged
bsunderhus merged 9 commits into
microsoft:masterfrom
mindlessroman:mindlessroman/34914-tree-item-persona-layout
Nov 12, 2025
Merged

fix(react-tree): TreeItemPersonaLayout Renders Tree Appearance#35373
bsunderhus merged 9 commits into
microsoft:masterfrom
mindlessroman:mindlessroman/34914-tree-item-persona-layout

Conversation

@mindlessroman

Copy link
Copy Markdown
Member
  • Code is up-to-date with the master branch
  • Covered by Cypress tests
  • Ran yarn change locally

(Also some documentation updates since I can't help myself)

Previous Behavior

TreeItemPersonaLayout would not render anything but the subtle appearance, which does not match what TreeItemLayout does. (The stackblitz attached to the issue shows this off).

New Behavior

Now both have the same hover behavior for subtle, subtle-alpha, and transparent tree appearances.

Flat

flat-subtle
flat-transparent

Regular

regular-subtle
regular-transparent

Related Issue(s)

@mindlessroman
mindlessroman requested review from a team as code owners October 22, 2025 17:15
@github-actions

github-actions Bot commented Oct 22, 2025

Copy link
Copy Markdown

📊 Bundle size report

Package & Exports Baseline (minified/GZIP) PR Change
react-components
react-components: entire library
1.277 MB
320.774 kB
1.278 MB
320.666 kB
1.07 kB
-108 B
react-tree
PersonaFlatTree
149.05 kB
42.521 kB
150.12 kB
42.772 kB
1.07 kB
251 B
react-tree
PersonaTree
145.111 kB
41.348 kB
146.181 kB
41.588 kB
1.07 kB
240 B
Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
68.702 kB
19.799 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
235.705 kB
68.293 kB
react-components
react-components: FluentProvider & webLightTheme
43.528 kB
14.148 kB
react-portal-compat
PortalCompatProvider
8.386 kB
2.624 kB
react-timepicker-compat
TimePicker
108.943 kB
35.995 kB
react-tree
FlatTree
148.292 kB
42.393 kB
react-tree
Tree
144.361 kB
41.232 kB
🤖 This report was generated against f20aef7551513ff905c97a5ab703f79118316295

@github-actions

Copy link
Copy Markdown

Pull request demo site: URL

Comment thread .gitignore
@mindlessroman mindlessroman changed the title fix: TreeItemPersonaLayout Renders Tree Appearance fix(react-tree): TreeItemPersonaLayout Renders Tree Appearance Oct 27, 2025
@Hotell
Hotell requested a review from dmytrokirpa October 29, 2025 13:05
Comment thread docs/react-v9/contributing/dev-workflow.md Outdated
@mindlessroman

Copy link
Copy Markdown
Member Author

microsoft/playwright#38052 the failures for the playwright checks seem to related to the Azure outage

@mindlessroman
mindlessroman force-pushed the mindlessroman/34914-tree-item-persona-layout branch from 4ca16b6 to 28434c8 Compare October 30, 2025 20:51
@mindlessroman
mindlessroman requested a review from a team as a code owner October 31, 2025 16:19
Comment thread apps/vr-tests-react-components/src/stories/Tree.stories.tsx
@mindlessroman
mindlessroman force-pushed the mindlessroman/34914-tree-item-persona-layout branch from 3a2ae24 to 5b5c2d3 Compare November 11, 2025 15:38
@bsunderhus
bsunderhus merged commit 9add8b4 into microsoft:master Nov 12, 2025
12 checks passed
@mindlessroman
mindlessroman deleted the mindlessroman/34914-tree-item-persona-layout branch November 12, 2025 16:17
tudorpopams pushed a commit to tudorpopams/fluentui that referenced this pull request Apr 14, 2026
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.

[Bug]: TreeItemPersonaLayout doesn't reflect appearance property from Tree

3 participants