Prevent layout jumps when suggestions appear on document edit

[jabdoa2]

Description

When editing a document paperless ngx will provide helpful suggestions for date or correspondent. Unfortunately, those appear after rendering the form and move the layout down. If you are changing tags this often makes you miss the correct form field.

Steps to reproduce

1. Open a document which contains suggestions
2. Try to remove a tag quickly
3. You will likely miss the (x) of the tag because the layout moves the tag edit field

Webserver logs

Frontend only

Browser logs

Looks like `suggestions` is a separate http request.

Paperless-ngx version

1.17.4

Host OS

Ubuntu 22.04 x86

Installation method

Docker - official image

Browser

Firefox (probably not related)

Configuration changes

Installation via Helm chart

Other

No response

[shamoon]

Suggestions are loaded on demand, after you open a doc, so yes, the layout moves down.

Putting a negative margin on the suggestions could help, but isnt really a durable solution e.g. on mobile if they run over two lines.

Im not really inclined to do anything about this since, ya know, its not a bug.

[jabdoa2]

I agree to the mobile view (for people not using the app). Can we have an alternative layout for people with large screens (i.e. computer screens)? Some min height should make this much nicer. For me unexpected layout changes are really annoying. I can create a PR if that would help.

[shamoon]

You mean leaving the space suggestions would take up empty when there arent any?

[shamoon]

And yes, PRs are always welcome (though not always merged :) or you can post it here to discuss more

[jabdoa2]

You mean leaving the space suggestions would take up empty when there arent any?
Yes either that or reusing the existing space.

Alternatively we could create a fancy widget which only shows suggestions when the input is selected. However, that would be a fundamentally different ui.

[shamoon]

Indeed, it could get fancy. Im fine with fancy as long as it's just as easy as the current one, its hard to 1-click beat text links.

Ps. I think suggestions should show even if the input isn't selected, otherwise you might not realize they're there.

[jabdoa2]

Ps. I think suggestions should show even if the input isn't selected, otherwise you might not realize they're there.

Agreed. But maybe just the first line of suggestions. Obviously it needs to be clear that there are more. Those kind of things are always a tradeoff.

[github-actions[bot]]

This discussion has been automatically closed due to lack of community support. Please see our contributing guidelines for more details.

[github-actions[bot]]

This discussion has been automatically locked since there has not been any recent activity after it was closed. Please open a new discussion for related concerns. See our contributing guidelines for more details.