question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[native filter][cascading] Confusing user experience

See original GitHub issue

How to reproduce the bug

i3f8A5SMiW

  1. I created a simple dashboard with cascading filter component:
  • Simple gender filter,
  • Name filter, and State filter (under Name filter)
  1. Click on Name filter, there are 2 dropdown list for all Names filter showing up;
  2. Pick a name for Name filter, you will see Name filter title became State filter, and there are 2 dropdown list for state.
  3. If there are 2+ nested filter under same parent filter, the experience is totally chaotic…

Proposed solution:

When user created a nested filter component, what’s the best way to display dropdown list(s)? Right now we show 1 in the main component list, and also show another copy in the popover with child filter…this is definitely not desirable. Please reconsider the design and implementation.

How about only remove the popover for the family of drop-downs, just show all in the main filter list, but align them with some indent or box?

Environment

latest master

Checklist

Make sure to follow these steps before submitting your issue - thank you!

  • I have checked the superset logs for python stacktraces and included it here as text if there are any.
  • I have reproduced the issue with at least the latest released version of superset.
  • I have checked the issue tracker for the same issue and I haven’t found one similar.

cc @junlincc @michael-s-molina @villebro

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Reactions:1
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
michael-s-molinacommented, Sep 1, 2021

@graceguo-supercat this problem is not resolved. I just linked that comment to include even more context for when we discuss the solution.

1reaction
junlincccommented, Sep 1, 2021

@graceguo-supercat i totally agree your sentiment “If there are 2+ nested filter under same parent filter, the experience is totally chaotic…”

changes made in cascading popover were not well thought through due to the lack of design support. do you mind if i remove the p1 priority for now, and have a design sesh later on?

Read more comments on GitHub >

github_iconTop Results From Across the Web

[native filter] Cascading filters should show layer in ... - GitHub
Cascading filters should show layer in filter indicator on native ... We decided to change the design of it to improve the user...
Read more >
gui design - How to display a lot of filters (cascading and/or not)?
I'm a bit confuse with these filters. I don't know how to display them and the cascading effect can create difficult situations for...
Read more >
Filter UI Design: A Horizontal Toolbar Can Outperform the ...
Regardless of the interface, it's critical that users can always select multiple filtering values within the same filtering type. However, the ...
Read more >
How to craft a kickass filtering UX | by Laura Cunha
Filters are a great tool to narrow down high volumes of content and to surface the most relevant results. How do we make...
Read more >
Listboxes vs. Dropdown Lists - Nielsen Norman Group
Listboxes and dropdowns are compact UI controls that allow users to ... listboxes are often used to house filters that cascade down the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found