#javascript #reactjs #adyen
#javascript #reactjs #adyen
Вопрос:
Я использую adyen sdk 3.13.0 для отображения компонента пользовательской карты. Моя проблема в том, что я не смог перейти к следующему входному полю из поля ввода кредитной карты одним нажатием клавиши tab. Мне нужно нажать клавишу tab 3 раза, чтобы перейти из поля кредитной карты. Но эта проблема отсутствует в каких-либо других полях, таких как expiry или cvv. Я мог видеть два дополнительных поля ввода в iframe с номером кредитной карты. Это не будет присутствовать в более старой версии sdk.
Я проверил то же самое в версии 3.3.0, и он работает отлично
Комментарии:
1. Эти два поля имеют tabindex -1, поэтому их следует пропустить. Какой браузер и версию браузера вы используете?
2. @luke_b Я использую chrome 83 в ubuntu
3. Табуляция корректно работает с Chrome 86 в ubuntu. Можете ли вы проверить элемент и убедиться, что у него tabindex -1.
4. вы все еще видите эту проблему при использовании Chrome 86?
5. @luke_b Я проверил это в Chrome 86. У меня будет эта проблема. Я не смог найти атрибут tabIndex для этих полей ввода
Ответ №1:
Два дополнительных поля ввода, которые вы описали, были добавлены, чтобы помочь с автоматическим заполнением кредитной карты. Они получают tabIndex равным -1, чтобы не мешать процессу табуляции.
К сожалению, в одном сценарии, Chrome на iOS, мы не можем установить этот атрибут tabIndex, потому что в противном случае автозаполнение не произойдет (!?) Однако может показаться, что это (без атрибута tabIndex) теперь также происходит в вашем варианте использования (Chrome на Ubuntu).
Мы рассмотрим это подробнее — и попытаемся найти какой-то способ воспроизвести проблему (мы не работаем на компьютерах с Linux). Я предлагаю вам связаться со службой поддержки Adyen, чтобы оформить заявку на эту проблему и зарегистрировать ее в нашей системе