0

Sceenshot:

enter image description here

Hi I am developing a touch application with Vue / Nuxt and the last steps consist in filling a form and then proceed with a payment using Stripe Elements.

I am using Vue Simple keyboard plugin to trigger a virtual keyboard to fill up some form fields. So far so good.

The problem is when I attempt to use the keyboard in the Stripe fields. They are inside of an iframe so the virtual keyboard I believe It would not work.

Is there any solution or alternative?

the application will run in certain touch screens without a keyboard. That is the reason I will need a virtual keyboard that can be used with the touch.

Slava Knyazev
  • 3,010
  • 1
  • 20
  • 36
Nic
  • 1
  • 1
  • Don't think that's possible, since you will need to somehow post keypress events or inject values manually into the iframe. And their API does not support that, probably due to security reasons, among others. If you look at their API, there is an [`update` method](https://stripe.com/docs/js/element/other_methods/update?type=card#element_update-options-value) but that does not support manual filling of sensitive information like cc number and CVC. – Terry Feb 18 '21 at 22:30
  • Hey @Nico, have you tried selecting the inputs with iframe.contentWindow? I think Terry is right, but it might be worth a shot (if it doesn't go against Stripe's ToS). More info: https://stackoverflow.com/questions/26630519/queryselector-for-web-elements-inside-iframe – Francisco Hodge Feb 20 '21 at 22:25

0 Answers0