UPDATE: This seems to have been a bug - overnight it “fixed itself” and is no longer an issue.
I’ve developed a prototype that involves “typing a postcode” into a text field and hitting “check” (to submit). This is fine when I preview it on desktop, however I’ve noticed that on a mobile, if I type in the postcode, and then do not press “Done” on the keyboard and instead hit “check” on the prototype, the keyboard becomes a white space that inhibits the visibility of the prototype. This means that the user can then only see the design above the white space of the keyboard area - even though the keyboard is apparently collapsed.
I’ve attached a screenshot here of the keyboard and the effect of simply tapping the"check" button on the design instead of the keyboard’s “done”:
It does correct itself afterwards if the keyboard is reused, by tapping the “Done” button.
Can this be fixed without having to instruct users to use “Done” on the keyboard?
Many thanks in advance for your help.