[BUG] Users cannot navigate out of "Pay" button when using remote/keyboard input for Android TV.

[acadetorres]

Summary

When paying using PaymentSheet, users cannot navigate out of "Pay" button when using keyboard/remote inputs.

Code to reproduce

fun presentPaymentSheet() {
showLoading(true)
devFeatures.isStripeOpen = true
paymentSheet.presentWithPaymentIntent(
paymentIntentClientSecret,
PaymentSheet.Configuration(
merchantDisplayName = getString(R.string.merchant),
customer = customerConfig,
allowsPaymentMethodsRequiringShippingAddress = false,
// Set allowsDelayedPaymentMethods to true if your business handles
// delayed notification payment methods like US bank accounts.
allowsDelayedPaymentMethods = true
)
)
}

Android version

Android 13 Android 13

Impacted devices

All

Installation method

Through gradle dependency,

Dependency Versions

kotlin:1.9.22
stripe-android: implementation ("com.stripe:stripe-android:21.2.1")
Android Gradle Plugin: gradle 8.11
Gradle:

SDK classes

PaymentSheet

Video

Video
https://we.tl/t-2eziP7lgns

Other information

[joyceqin-stripe]

Hi @acadetorres, thanks for reporting! We'll look into this.

[acadetorres]

Hi @joyceqin-stripe , thanks for checking it.

To add, even when using the old UI with this code,

paymentSheet.presentWithPaymentIntent(
            paymentIntentClientSecret,
            PaymentSheet.Configuration.Builder(getString(R.string.merchant))
                .merchantDisplayName(getString(R.string.merchant))
                .customer(customerConfig)
                .allowsDelayedPaymentMethods(true)
                .allowsPaymentMethodsRequiringShippingAddress(false)
                .paymentMethodLayout(PaymentSheet.PaymentMethodLayout.Horizontal)
                .build()
        )

Users are still unable to navigate out of "Pay" button.

[acadetorres]

Also similar to the "Pay" issue, when users are trying to remove a card/payment method especially on multiple cards, users are unable to navigate in/out of the "Card" to be deleted.

[jaynewstrom-stripe]

Hi @acadetorres I'm unable to reproduce this issue. I'm using the android emulator, with the remotes directional pad. Could you provide some more information on how you are hitting this issue?

Screen_recording_20250102_155102.mp4

[acadetorres]

Hi @jaynewstrom-stripe , thanks for checking it, basically, once you open the payment sheet, users are unable to navigate out of "pay" once focus reaches the button, please see video. After going down to "pay" users are unable to use arrows keys to get out of the "pay" button

Screen.Recording.2025-01-03.at.11.55.34.AM.mov

[jaynewstrom-stripe]

I'm still not able to recreate this issue (I'm using the up and down arrows on the directional pad).

What version of compose are you using?

[acadetorres]

I followed this guide, https://docs.stripe.com/payments/accept-a-payment?platform=android&ui=payment-sheet

I am not using compose on this project rather XML views, Activities, Navigation Host, Fragments.

[jaynewstrom-stripe]

Just so I'm clear, are you clicking down on the directional pad (now the pay button is focused), and trying to click up on the directional pad to go back up to add a payment method?

If that's the case, and it's not working. Could you try adding compose 1.7 to your build.gradle via implementation 'androidx.compose.foundation:foundation:1.7.6' and try again?

[acadetorres]

Hi Jay, after adding compose 1.7. We are now able to navigate out of "Pay" button.

Thank you so much @jaynewstrom-stripe

[jaynewstrom-stripe]

Great!

[jaynewstrom-stripe]

Note I made a fix related to Android TV here which should improve the experience for changing countries.

[acadetorres]

Hi @jaynewstrom-stripe , thanks so much for the help.

Now only issue our customers are facing will be the on-screen keyboard "Next" and "Done" behavior from issue #9781