Nutrition information clutter makes editing hard

[fgouget]

What

Clutter on the app's nutrition information page makes it hard to use: as soon as the keyboard pops up, the field being edited disappears behind the "auto-fill banner", forcing the user to type blind.
The situation is even worse if displaying the nutrition facts photo.

Steps to reproduce the behavior

1. Edit a product
2. Click on "Nutrition facts".
3. Click on the "Energy (kJ)" field.
4. The keyboard pops up and the "Energy (kJ)" field disappears

Expected behavior

The value being edited should still be visible, even on a low, low, oh so very low, Full-HD resolution screen.

Why

Screenshots

The keyboard popped up and while one can see the edition cursor, the Energy field is hidden behind the table header (and/or the auto-fill banner).

Same here but the situation is made worse by displaying the nutrition facts photo.

Even when not editing, the auto-fill banner takes up valuable space (I also have not found a case where it works).

Smartphone model

• Device: Galaxy S7
• Screen resolution: 1080x1920
• OS: Android 8
• App Version: 4.19.0

[tshrrx]

Hey @fgouget, I recreated the screen and I think the sliver behavior is causing this.
@teolemon @g123k Can you assign this to me?

[numansiddiqui]

is this problem arising only in specific version of Android or devices? because I checked it on my device and it's working fine, the keyboard is not overlapping on the input field. @teolemon

[g123k]

The UI of the screen will change.
Fixing the current design will be erased by the change.

=> Please don't fix it.

[tshrrx]

The UI of the screen will change. Fixing the current design will be erased by the change.

=> Please don't fix it.

Understood.
Just in case, I had previously looked into the code. As a temporary workaround, setting both floating and pinned to false for MultiSliver widget in smooth_sliver_card.dart resolves the issue for me.