Hi there,

I am interested in using this library to add Bambora custom checkout to a React app I am working on, which uses Material-UI.

I managed to add the fields easily enough, however when they are displayed, only one of the 3 fields is ever focusable. It's usually the expiry field but sometimes it's one of the others. I noticed that the iframe height is 0 when this happens, and if I tweak this in the dev tools then I am able to focus the keyboard on the input again, but the wrapper doesn't seem to be aware that this is happening, causing the input helper to overlap the inputted text.

Have you see this before, and do you know if there's anything I can try to do to resolve this?

Is there an easy way to tokenization externally, so that I don't need to use a Submit button in my form? I am working on a payment screen with its own 'Submit order' button on it, and I need to try and tokenize the card when that is clicked, instead of using a button within the Bambora form.

Hi again - sorry to be a pain in your side.

I noticed that the form doesn't work without a <Name /> due to the use of cardholder: nameInput.value in remoteForm.current.createToken.

Also when there is a <Name /> I see console errors about strings being passed instead of booleans for the error property.