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
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