Bug description

When click an empty filter, the selection dropdown should keep display on the screen. Bug if select some filter selection, then click, dropdown displays and then disappears automatically. Only clicking on a blank part of the filter will keep it displayed. It's hard to add multiple filters. And the width of the dropdown is also incorrect.

My superset version is 6.0.0 (branch 6.0)

Screenshots/recordings

Here is my record:

https://github.com/user-attachments/assets/f086f388-6693-4648-bdf4-a1d54353e6f7

Superset version

master / latest-dev

Python version

3.11

Node version

18 or greater

Browser

Chrome

Additional context

No response

Checklist

  • [x] I have searched Superset docs and Slack and didn't find a solution to my problem.
  • [x] I have searched the GitHub issue tracker and didn't find a similar bug report.
  • [ ] I have checked Superset's logs for errors and if I found a relevant Python stacktrace, I included it here as text in the "additional context" section.

Comment From: dosubot[bot]

This issue isn't tracked in existing tickets or docs, but recent changes in Superset 6.0.0's frontend—especially in the filter dropdown and Select components—could be causing the dropdown to close immediately after a selection and display with the wrong width. The dropdown's open/close state is managed by event handlers like onFocus, onBlur, and onOpenChange in both the filter plugin and the shared Select component. If these handlers fire in the wrong order or conflict (for example, after a selection), the dropdown can close unexpectedly, making it hard to add multiple filters.

Dropdown width is set by the FilterPluginStyle and StyledSelect components, with special logic for horizontal ("oneLine") layouts that might not always match the container size, especially after recent theming and layout changes.

Recent PRs updated dropdown event handling and styling but did not explicitly fix this bug, so it may be a regression or side effect of those changes. If you want to debug or patch, focus on the event handler coordination in SelectFilterPlugin.tsx and Select.tsx, and check how width props and CSS are applied in common.ts and styles.tsx (source, source, source).

Keep an eye on future releases and PRs for a direct fix, as this is likely a UI regression from recent refactoring.

To reply, just mention @dosu.


How did I do? Good | Irrelevant | Incorrect | Verbose | Hallucination | Report 🐛 | Other  Chat with Dosu Join Discord Share on X

Comment From: msyavuz

I can't reproduce this one

Comment From: Oooooori

I can't reproduce this one

This bug only occurs in horizontal filters. If the filter is vertical, then there is no problem.

https://github.com/user-attachments/assets/5daef885-bdcf-43e0-9109-0f18f13760ef