UI - Filter scroll bar behaviour is inconsistent

[ReLoutre]

Describe the issue

Interaction difficulty

Beta Give feedback

1. interacting with crosses of the filter are a bit tricky (while it's still possible) since the hovering box of the scroll bar seems to reach the center of the filter box

Inconsistent behaviour

Beta Give feedback

1. The scrollbar doesn't appear while the full filter isn't visible
2. The scrollbar appear when not useful since the filter is already fully visible
3. The scrollbar doesn't appear on some page (like the Flows tab) while it appears on other (like the Executions tab).
4. Zooming in/out make the scrollbar appear/disappear near randomly.

Environment

• Kestra Version: 0.20.2
• OSS
• Docker compose debian
• Web access :
  • Firefox
  • Windows 10

[tejas2292]

@ReLoutre can you provide exact steps to generate this situation?
I tested with

1. multiple browsers with multiple screens sizes.
2. Keeping filters full/ keeping it empty
3. Both Flows and Executions pages
4. Zoom in and Zoom Out

I don't see a scrollbar there at all on filter.

Only thing that i am not sure is kestra production version.

[ReLoutre]

Hi @tejas2292,
Well, it's even more strange that some users has a scrollbar for the filters and some other do not.
Note : I just updated to 20.4 and the scrollbar is still there.

kestra production version

That a flag i putted in the settings, nothing important i guess, but i you want to add one to test : see the screen.

I'm not sure what more to add to help someone reproduce, I'm not doing anything particular, I described it as clearly as possible precedently.

[ReLoutre]

Perhaps, from what i see, most of the filter you tried of a very long size, did you tried with a shorter one, like in my examples ?

And from what i see on your screens, not having a scrollbar prevents you to see the full content of your filters, seems even more like a bug.

[ReLoutre]

Tried on Microsoft Edge navigator :
Unable to get the scrollbar as well, the display of filters boxes aren't the same, they expands up to the right end of the screen instead of being collapsed to the left like with Firefox.

Firefox :

Edge :

Tried on Chrome as well, display and "errors" are the same as in edge.