Filter Button [Apply] Position

I’ve been working with some data that has big company names and noticed that when someone apply several filters (on the same column) the button apply disappear because it is located on the Chart’s bottom.

I change the position to bellow the drop-down button, but it still not good (visually), and would be a lot better to be in the left of the drop-down button. I’m trying to do this, but it’ll take some time because i don’t know React YET…

Current Modification

I just wrote a css to set a class with

margin-left: auto;
margin-right: 0;
display: block;

and added the class to the Filter Button.

Expected results

I thin it would be really good to have like the image bellow, better to view and without that problem.

Actual results

Now, with the current way, after selecting a set of filters, it can’t be applied because the button is hidden.

How to reproduce the bug

1. Go to any dashboard
2. Choose any filter slice and configure it to have the apply button.
3. Select enough filters to hide the apply button

Environment

• superset version: 0.999.0dev
• python version: Python 3.6.9
• node.js version: v10.16.3
• npm version: 6.9.0

Checklist

Make sure these boxes are checked 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.

[mistercrunch]

Somewhat related: the overflow on this component is tricky because the dropdowns containers themselves should scroll, but when the dropdown gets opened-up, it should probably overflow over (not scroll)

[mistercrunch]

I also sank some time trying to solve this CSS puzzle without success. Solution might be in the dashboard-native filter on the roadmap.