Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Tree, vertical spacing of branches and children is inconsistent #28681

Merged
merged 9 commits into from
Jul 31, 2023

Conversation

petdud
Copy link
Contributor

@petdud petdud commented Jul 31, 2023

This PR:

  • Fixes incorrect level for subtrees
  • Removes unused styles - grid subtree and flex
  • Add padding-top for subtrees to address the bug by adding proper spacing

Previous Behavior

Missing spacing on top of sub trees

Screenshot 2023-07-31 at 11 44 29

New Behavior

Adding padding-top on subtrees

Screenshot 2023-07-31 at 11 44 16

Related Issue(s)

  • Fixes #

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 31, 2023

📊 Bundle size report

Unchanged fixtures
Package & Exports Size (minified/GZIP)
react-components
react-components: Button, FluentProvider & webLightTheme
67.576 kB
18.225 kB
react-components
react-components: Accordion, Button, FluentProvider, Image, Menu, Popover
208.062 kB
57.968 kB
react-components
react-components: FluentProvider & webLightTheme
36.409 kB
12.003 kB
react-portal-compat
PortalCompatProvider
6.48 kB
2.203 kB
🤖 This report was generated against f9e014b3919f00068940b0dd94980f6d542eff68

@fabricteam
Copy link
Collaborator

fabricteam commented Jul 31, 2023

Perf Analysis (@fluentui/react-components)

No significant results to display.

All results

Scenario Render type Master Ticks PR Ticks Iterations Status
Avatar mount 584 597 5000
Button mount 292 281 5000
Field mount 1067 1050 5000
FluentProvider mount 661 642 5000
FluentProviderWithTheme mount 75 72 10
FluentProviderWithTheme virtual-rerender 68 67 10
FluentProviderWithTheme virtual-rerender-with-unmount 74 74 10
InfoButton mount 12 5 5000
MakeStyles mount 855 840 50000
Persona mount 1642 1647 5000
SpinButton mount 1354 1355 5000

@petdud petdud marked this pull request as ready for review July 31, 2023 09:59
@petdud petdud requested a review from a team as a code owner July 31, 2023 09:59
@codesandbox-ci
Copy link

codesandbox-ci bot commented Jul 31, 2023

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 5b255c8:

Sandbox Source
@fluentui/react 8 starter Configuration
@fluentui/react-components 9 starter Configuration

@size-auditor
Copy link

size-auditor bot commented Jul 31, 2023

Asset size changes

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

Baseline commit: f9e014b3919f00068940b0dd94980f6d542eff68 (build)

@petdud petdud merged commit d4b3fee into microsoft:master Jul 31, 2023
@petdud petdud deleted the tree-nested-spacing-top branch July 31, 2023 13:15
marcosmoura added a commit to marcosmoura/fluentui that referenced this pull request Aug 1, 2023
* master: (37 commits)
  release (microsoft#28696)
  Fixing re-render issue for all charts when empty (microsoft#28321)
  feat(FluentProvider): emit errors on duplicate IDs (microsoft#28670)
  applying package updates
  fix(react-positioning): autoSize causing position update to reach maximum (microsoft#28689)
  fix(react-tags-preview): fix InteractionTag hover styles (microsoft#28686)
  Accordion: export AccordionHeaderProvider (microsoft#28542)
  feat(react-shared-contexts): add AnnounceContext (microsoft#28654)
  Added VR tests for Breadcrumb (microsoft#28653)
  fix(react-menu): use outline for menuItem focus ring (microsoft#28685)
  [Bug]: Tree, vertical spacing of branches and children is inconsistent (microsoft#28681)
  feaTt(react-tree): adds openItems and checkedItems to tree callback data (microsoft#28669)
  applying package updates
  Add mountNode prop to combos (microsoft#28661)
  react-tags-preview: add more vr test (microsoft#28582)
  chore: migrate to nx 16.1.4 (microsoft#28583)
  applying package updates
  chore: improves internal headless signature (microsoft#28651)
  fix: remove margin from icon when ToolbarButton is vertical (microsoft#28658)
  applying package updates
  ...
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]: Tree, vertical spacing of branches and children is inconsistent
3 participants