Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

The Filter Button triggers a close event of Autocomplete #45150

Open
callbackKid opened this issue Jan 30, 2025 · 0 comments
Open

The Filter Button triggers a close event of Autocomplete #45150

callbackKid opened this issue Jan 30, 2025 · 0 comments
Assignees
Labels
component: autocomplete This is the name of the generic UI component, not the React module! status: waiting for maintainer These issues haven't been looked at yet by a maintainer

Comments

@callbackKid
Copy link

callbackKid commented Jan 30, 2025

order_id: 94701

Steps to reproduce

Steps:

  1. Open this link to live example: (required)
  2. Click the "Density" or "Export" button, open the dropdown list
  3. Click on Automplete, dropdown list of Autocomplete is open , dropdown list of "Density" or "Export" button is closed, everything works fine
  4. Click on the "Filter" or "Columns" button, open the dropdown list
  5. Click on Automplete, dropdown list closes immediately, this is a bug

Hi! I tried to work around and to find the solution, and I found a problem that when I log a event.nativeEvent.relatedTarget in the console, the "filter" button is referenced, so this button triggers a close event, when "density" button is opened event.nativeEvent.relatedTarget is null, so there is a connection between "filter" button and automplete, I could not figure out how they are connected, maybe you can help and find a solution

Current behavior

When dropdown list of the "Filter" or "Columns" button is open, Automplete dropdown list closes immediately after being opened, this is a bug

Expected behavior

When dropdown list of the "Filter" or "Columns" button is open, Automplete dropdown list should stay opened and filter panel must be closed

Context

the context described in the issue, it is pretty straightforward

Your environment

npx @mui/envinfo
  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

System:
OS: macOS 14.5
Binaries:
Node: 20.10.0 - ~/.nvm/versions/node/v20.10.0/bin/node
npm: 10.2.3 - ~/.nvm/versions/node/v20.10.0/bin/npm
pnpm: Not Found
Browsers:
Chrome: 132.0.6834.112
Edge: Not Found
Safari: 17.5
npmPackages:
@emotion/react: 11.13.3 => 11.13.3
@emotion/styled: 11.13.0 => 11.13.0
@mui/base: 5.0.0-beta.61
@mui/core-downloads-tracker: 6.1.7
@mui/icons-material: 6.1.6 => 6.1.6
@mui/lab: 6.0.0-beta.14 => 6.0.0-beta.14
@mui/material: 6.1.6 => 6.1.6
@mui/private-theming: 6.1.7
@mui/styled-engine: 6.1.7
@mui/system: 6.1.7
@mui/types: 7.2.19
@mui/utils: 6.1.7
@mui/x-data-grid: 6.20.1
@mui/x-data-grid-premium: 6.20.1 => 6.20.1
@mui/x-data-grid-pro: 6.20.1
@mui/x-date-pickers: 7.22.2 => 7.22.2
@mui/x-internals: 7.21.0
@mui/x-license-pro: 6.10.2
@mui/x-tree-view: 7.22.1 => 7.22.1
@types/react: 18.2.37 => 18.2.37
react: 18.3.1 => 18.3.1
react-dom: 18.3.1 => 18.3.1
typescript: 5.7.2 => 5.7.2

Search keywords: filter button, autocomplete,

@callbackKid callbackKid added the status: waiting for maintainer These issues haven't been looked at yet by a maintainer label Jan 30, 2025
@zannager zannager added the component: autocomplete This is the name of the generic UI component, not the React module! label Jan 30, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
component: autocomplete This is the name of the generic UI component, not the React module! status: waiting for maintainer These issues haven't been looked at yet by a maintainer
Projects
None yet
Development

No branches or pull requests

3 participants