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

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions