Skip to content

[Bug]: combobox doesn't expand when clicked inside the right padding area #35874

@Hsiii

Description

@Hsiii

Component

Combobox

Package version

9.72.8

React version

19.2.7

Environment

System:
    OS: Windows 11 10.0.26200
    CPU: (8) x64 Intel(R) Core(TM) i5-1035G7 CPU @ 1.20GHz
    Memory: 2.52 GB / 15.60 GB
  Browsers:
    Chrome: 145.0.7632.160
    Edge: Chromium (143.0.3650.139)

Current Behavior

Comboboxes fail to expand after being clicked in the area to the right of the chevron button.

Expected Behavior

Comboboxes should expand when being clicked in the area to the right of the chevron button.

Reproduction

https://stackblitz.com/edit/dsxctjsh?file=src%2Findex.tsx

Steps to reproduce

  1. Click on the area inside the combobox and to the right of the chevron.
  2. Confirm whether the combobox is expanded.

Are you reporting an Accessibility issue?

no

Suggested severity

Medium - Has workaround

Products/sites affected

https://contentunderstanding.ai.azure.com/tryout?analyzerId=prebuilt-layout

Are you willing to submit a PR to fix?

yes

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

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions