Skip to content

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

@logicaloud

Description

@logicaloud

Library

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

System Info

fluentui react components 9.22.1 on codesandbox

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/nostalgic-mclaren-zsz8hh?file=/example.tsx

Bug Description

Actual Behavior

Tree branches and children are not spaced evenly. There is no white gap between the parent branch and the first child:

image

Expected Behavior

Tree branches and children should be spaced evenly. Presumably there should be no gaps (rather than having an additional gap before the first child).

Logs

No response

Requested priority

Normal

Products/sites affected

No response

Are you willing to submit a PR to fix?

no

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