[FeatureRequest] Make only content scroll

[ZTHawk]

Make the search filter always being visible and let only the actuall list scroll.
I am using this workaround with Stylus addon (this is a hack an no good solution):

#main-content > app-vault > .tw-flex .tw-basis-1\/4
{
    position: fixed;
    width: calc(25% - 55px);
}

#main-content > app-vault > .tw-flex .tw-basis-3\/4
{
    position: relative;
    left: calc(25% + 20px);
}

This allows me:

1. To always see the current applied filter
2. I have a big list and if I want to change the filter there is no need to scroll all the way up

Issues:

1. Title is scrolling too
2. resizing window might result in margin issues

Prefered solution

• Title and filter is not scrolling
• The table itself has a scrollbar

[BlackDex]

This will not going to in there by default. You could however use the new CSS customization feature.
https://github.com/dani-garcia/vaultwarden/wiki/Customize-Vaultwarden-CSS

You can add this CSS to the wiki article if you want for others to easy see it.
I would suggest to add it as a separate item though, below the current examples.

[ZTHawk]

My workaround is not a solution (but a hack), as it has some issues:

1. Title is scrolling too
2. resizing window might result in margin issues

I do not think that adding my dirty hack is a good idea (I am rather a CSS rookie). I just provided the CSS to show the desired behaviour.

[BlackDex]

Well we only make minimaal necessary adjustments to get the web-vault working with Vaultwarden. So anything else keeps the same as upstream Bitwarden, and thus stuff like this will not be added.

[ZTHawk]

fair enough.
I cleaned up the first post to be more readable

[cocoon]

Thanks, I have the same problem, I have a long list and also a long list of collections, so I added this for the filters:
updated: 100vh was too long, it is still not perfect...

.filter
{
    max-height: 25vh;
    overflow-y:auto;
}

[BlackDex]

You can add that to the user scss of you want.

https://github.com/dani-garcia/vaultwarden/wiki/Customize-Vaultwarden-CSS

[cocoon]

I think I need some more time with it, it is all not perfect ^^

[ZTHawk]

I have updated the CSS code in the wiki page. The ".filter" part was not working. I added #main-content { contain: none; } to the existing code.

[cocoon]

I use the .filter in the template file scss/user.vaultwarden.scss.hbs (v2025.8.1) and for me this is working like this:

Only problem is, that it will never use the full height if there is more space, couldn't fix it up to now.

[ZTHawk]

I meant that your code is not working to make the "FILTERS" box not scroll (I have added it to user.vaultwarden.scss.hbs).

[tessus]

This would be a great feature request for the upstream bitwarden project...

[cocoon]

I found it reported multiple times ...

https://community.bitwarden.com/t/vault-filter-box-scrolls-with-list/69402
https://community.bitwarden.com/t/on-the-web-portal-keep-the-filters-vaults-stationary-as-we-scroll-down/70096
https://community.bitwarden.com/t/pin-selected-shortcuts-folders-or-collections-to-the-top-and-not-scroll-them/82409

[tessus]

yea, I am not sure how they make their design decisions. They overhauled some UI workflows and now it takes up to 3 more steps to accomplish what was previously done in 1 or 2 clicks.
Some things are hard to find and are not very intuitive.

So I guess making something better is not on their roadmap. If you had told them to remove that awesome feature (in case your idea was already in their product), they probably would have. ;-)