I know long lists on mobile have been discussed on here before. But there are some differences in my problem - and I have yet to find a solution I am fully satisified with.
This is for a responsive web application. Essentially the user has a long list of selectable items - could potentially be 100+. The user can click on an item, which cause it to expand. Here they enter how many units of said item they want. Upon clicking off item the list contracts, and the selected values are indicated. There is also a running total in the header.
The main issue I am having is we currently have several constraints which is vastly reducing our real estate.
Filter/Sort at top. Fixed header with running total and fixed action button/disclaimer at bottom.
We did consider bumping down the action button and disclaimers say 10-15 rows, but this was causing a double scroll effect which did not test well. If we bump the action button down to the very bottom and user has 150 items they need to scroll all the way to the bottom to click. We did also look at pagination but was not ideal as user has issue of selected items spread across multiple pages.
Has anyone any experience solving a similar problem or instances of some good examples of where this is handled well?