Skip to content

MultiSelect: Filter text selection #8517

@lennertVanSever

Description

@lennertVanSever

Describe the bug

When using MultiSelect with filtering enabled, if I type in the filter input, select the typed text with the mouse, drag outside the panel, and release, the overlay closes.

This makes normal text-selection behavior in the filter input feel broken, because the panel is dismissed even though the interaction started inside the filter field.

Reproducer

I can reproduce this consistently with a standard MultiSelect filter input.

System Information

System:
    OS: macOS 26.3.1
    CPU: (8) arm64 Apple M1 Pro
    Memory: 76.47 MB / 16.00 GB
    Shell: 5.9 - /bin/zsh
  Binaries:
    Node: 24.14.0 - /Users/lennert.van-sever/.nvm/versions/node/v24.14.0/bin/node
    Yarn: 1.22.22 - /usr/local/bin/yarn
    npm: 11.9.0 - /Users/lennert.van-sever/.nvm/versions/node/v24.14.0/bin/npm
    pnpm: 10.2.0 - /usr/local/bin/pnpm
  Browsers:
    Chrome: 146.0.7680.164
    Edge: 146.0.3856.72
    Firefox: 148.0.2
    Safari: 26.3.1

Steps to reproduce the behavior

  1. Open a MultiSelect panel with filter enabled.
  2. Type some text into the filter input.
  3. Select the typed text with the mouse.
  4. Keep holding the mouse button, move the cursor outside the overlay/panel.
  5. Release the mouse button outside.

Expected behavior

The overlay should remain open.

Releasing the mouse outside after starting a text-selection interaction inside the filter input should not be treated as an outside dismiss.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type: BugIssue contains a defect related to a specific component.

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions