airwallex / payouts-web-sdk

sdk for hosted transfer
3 stars 2 forks source link

Does this component support H5? #28

Closed pipihua666 closed 2 weeks ago

pipihua666 commented 2 months ago

In other words, can it display properly on H5, rather than appearing like it would on a PC?

ryanwang-airwallex commented 2 months ago

Hi @pipihua666 Thanks for reaching us! Embedded component are fully supported with H5, May I know if you got any unexpected behavior then we could take a look.

BTW, to get quick support with us, you could also reach out to our customer support team, who will be happy to assist you with your requests.

jiangwei1995 commented 2 months ago

H5 experience is not good The pop-up keyboard blocks the dropdown selection box @ryanwang-airwallex https://github.com/user-attachments/assets/28bedc29-7ca3-4902-91af-27836f224691

ryanwang-airwallex commented 2 months ago

Hi @jiangwei1995, thanks for pointing out, This is due to the iframe height is auto calculated. I can see in the beneficiary form, it may cut off options when there is just several fields rendered.

To resolve it, We've added a new props minHeight (will be updated into doc soon) to enable the capability to customize iframe height.

You could define the value when creating the element, below is an example of how to do it:

const element = await createElement("beneficiaryForm", {
    customizations:{
        minHeight: 500
    }
});

Let me know if this solution not works for you.

ryanwang-airwallex commented 2 weeks ago

Hi @pipihua666 As no response for a long time, this issue will be closed. Let us know if you have further questions