Usability Improvements for New Shopping List

[borgmanJeremy]

Tandoor Version

1.5.14

Setup

Docker / Docker-Compose

Reverse Proxy

Caddy

Other

No response

Bug description

After using the new shopping list for a week I have a couple of suggested improvements I would like feedback on. I'm happy to poke around and attempt to do some of these if there is agreement to proceed.

1.)
In the UI for the new shopping list there is not a good way to re-add items that have been checked. In my old workflow before shopping I would scroll to previously checked items and uncheck them to get ready for a shopping trip. By default checked items are not shown, and if you go into the filter and select "show recently completed items", it intersperses the item in the list rather than grouping them at the bottom. My preference was the old design where it first sorted by "checked" and "unchecked" and then sorted by food category.

New:

Old:

2.)
The category names should not have a checkmark by them, if you accidentally press this while shopping it marks the entire category as completed and it's hard to remember which items were already put in the cart, especially in the produce section.

3.)
On the PWA on iOS when you try to add an item and the on screen keyboard comes up, the page zooms into the bottom. Note the truncated UI on the right side and that the page scrolled to the bottom:

Relevant logs

No response

[vabene1111]

Hi, thanks for the feedback

1. I understand you preference but i personally prefer it this way although I agree its not yet perfect.
2. there is undo at the top to revert this change with one click. But I see the problem, how else would you approach the ability to clear a whole category?
3. yes I tought input at the bottom bas good but the keyboard situation is annoying.

generally the shopping list must be re-made in the new frontend. I will not change these things in the old one but will take the ideas with me for the new one.

[andrin55]

Thanks for the new UI. I have one little addition to make.
The undo button could be interpreted as a refresh button. Maybe a label or some other form of clarification would be nice.

[smilerz]

Thanks for the new UI. I have one little addition to make.

The undo button could be interpreted as a refresh button. Maybe a label or some other form of clarification would be nice.

I actually made this mistake too.

[vabene1111]

oh you are correct, that kind makes sense. I will look at it in the new UI, either by adding a redo button as well or some other way.

[borgmanJeremy]

Ok thanks, so it sounds like from this discussion there are two accepted changes:

1.) Change the icon of the undo button so it's more clear that its "undo" and not "refresh"
2.) Fix the situation with the keyboard in the PWA.