Skip to content

[tree]: expand button clickable area is too small when TreeItem can be expanded #12850

@rvsia

Description

@rvsia

Bug Description

When a TreeItem can be expanded and can be selected at the same time, the boundary between selecting and expanding the item is too small. When using this component, it's easy to misclick.

Affected Component

Tree, TreeItem

Expected Behaviour

Expand/Collapse area should be larger to prevent selection by misclick

Isolated Example

https://stackblitz.com/edit/github-mtsk5cdk-pfqvcfkh?file=src%2FApp.tsx

Steps to Reproduce

  1. Create Tree (selectionMode="multiple")
  2. Add expandable tree item
  3. Try to expand/select the item

Log Output, Stack Trace or Screenshots

Image

Priority

High

UI5 Web Components Version

latest

Browser

Edge

Operating System

MacOS

Additional Context

No response

Organization

SAP Signavio

Declaration

  • I’m not disclosing any internal or sensitive information.

Metadata

Metadata

Labels

bugThis issue is a bug in the code

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions