I would much appreciate your ideas around this.
- We know the app bar is sticky. It stays at the top when we are scrolling down the screen.
- We know that below the app bar, we can edit the styles of an element and set it to “Top”, and that element will stay at the top when scrolling.
However, my issue is the following.
- I have the app bar.
- Below the app bar, I have two search fields. One dropdown and one input. They work together.
- Below that, I have the lists that are affected by those search elements.
My problem is that if I set the style of the search elements to “Top”, everything works when the screen is loaded for the first time and the list shows. I can scroll, and the list will scroll under the search elements.
However, as soon as I select a filter from the dropdown or input a keyword to filter the lists, the results will start showing from the top of the app, meaning, under the search elements and below the app bar.
What am I missing? How can I make it so that in that screen, even after applying a filter, the lists will start under the search elements and not below them?
I hope I painted a clear picture.
I appreciate any help you can provide.