Weird behavior when embedding CardForm inside Step

[budidino]

I've embedded the CardForm inside Step and have a couple of issues:

• weird blur effect
• breaking constraints front (card number pushes card provider logo off-screen)
• breaking constraints back (not even sure what happens here)
• card number field (card_number_form_field.dart) has autofocus and that shows the keyboard on step 1 of my Step instead of step 4 where my card data input form is

Video of how it looks like: https://youtu.be/Bw5qoQlUU6g

I'm new to Flutter so I apologize if the issue is actually easy to resolve. I was experimenting a bit and somehow embedding the CardForm inside Container with padding: const EdgeInsets.all(1) resolves the blur issue but still doesn't solve the broken constraints issue.

Video with CardForm embedded inside Container: https://youtu.be/qWihSZZsNdg

I would appreciate any suggestion for resolving the constraints issue or if there is some easy way to completely remove the card preview feature.

[budidino]

Ok I just realized that most of the issues mentioned above are related to awesome_card package and not stripe_sdk. It would still probably be good to have optional autofocus on the card_number_form_field though :)