PayPal Checkout scrolled to top when selecting “No, I don’t want an account now”

[shivanraptor]

Describe the bug

This issue only appears for some users, only in the Instagram In-App browser

In Instagram In-App browser, when checking out using PayPal Checkout, after the user entered the credit card information and billing information and scrolled down to “Create a PayPal account?” section. When the user tries to select “No, I don’t want an account now”, instead of the option gets selected, it jumps to top without the option selected.

After repeating the flow for few times, the option can finally be selected, and the checkbox can be shown. When the user selects the checkbox, it jumps to the top again.

The Instagram version is 170.0 (the latest version at this moment), and the iOS version is 14.3.

This issue only appears for some users only, but not all. Also, it does not have problems with mobile Safari on iOS.

Please help!

To reproduce

1. In Instagram shop, click on a specific product and select "Visit Shop"
2. Instagram in-app browser will be launched, and I put the product into cart
3. In the checkout process, after selecting PayPal as checkout method, the PayPal checkout panel is displayed
4. After filling in the credit card information and billing address, scroll down to the bottom and try to select the "No, I don’t want an account now". The option sometimes cannot be selected, and it will jump back to the top of the page.

Screenshots

https://imgur.com/a/SXB4ASx

Expected behavior

I expected the PayPal checkout form works like in iOS Mobile Safari and in desktop browsers.

Environment (please complete the following information):

• WordPress Version: 5.6
• WooCommerce Version: 4.8.0
• PayPal (Express) Checkout Plugin Version: 2.1.1
• Browser [e.g. chrome, safari] and Version: Instagram 170.0 In-App browser in iOS 14.3 in iPhone
• Any other plugins installed: (long list, please see the System Report)

Additional details

System status

### WordPress Environment ###

WordPress address (URL): https://www.thekwinana.com
Site address (URL): https://www.thekwinana.com
WC Version: 4.8.0
REST API Version: ✔ 4.8.0
WC Blocks Version: ✔ 3.8.1
Action Scheduler Version: ✔ 3.1.6
WC Admin Version: ✔ 1.8.3
Log Directory Writable: ✔
WP Version: 5.6
WP Multisite: –
WP Memory Limit: 8 GB
WP Debug Mode: –
WP Cron: ✔
Language: en_US
External object cache: –

### Server Environment ###

Server Info: Apache
PHP Version: 7.3.23
PHP Post Max Size: 200 MB
PHP Time Limit: 30
PHP Max Input Vars: 1000
cURL Version: 7.72.0
OpenSSL/1.1.1h

SUHOSIN Installed: –
MySQL Version: 5.5.5-10.3.27-MariaDB
Max Upload Size: 200 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

### Database ###

WC Database Version: 4.8.0
WC Database Prefix: shop_
Total Database Size: 9.37MB
Database Data Size: 7.68MB
Database Index Size: 1.69MB
shop_woocommerce_sessions: Data: 1.75MB + Index: 0.10MB + Engine MyISAM
shop_woocommerce_api_keys: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_order_items: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_order_itemmeta: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_woocommerce_tax_rates: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_payment_tokenmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_woocommerce_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_actionscheduler_actions: Data: 1.39MB + Index: 0.37MB + Engine MyISAM
shop_actionscheduler_claims: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_actionscheduler_groups: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_actionscheduler_logs: Data: 0.70MB + Index: 0.47MB + Engine MyISAM
shop_apct_testimonial_detail: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_apmm_custom_theme: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_aps_social_icons: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_commentmeta: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_comments: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_links: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_mailchimp_carts: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_mailchimp_jobs: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
shop_nextend2_image_storage: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_nextend2_section_storage: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_nextend2_smartslider3_generators: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_nextend2_smartslider3_sliders: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
shop_nextend2_smartslider3_sliders_xref: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_nextend2_smartslider3_slides: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
shop_options: Data: 2.41MB + Index: 0.25MB + Engine MyISAM
shop_postmeta: Data: 0.79MB + Index: 0.17MB + Engine MyISAM
shop_posts: Data: 0.24MB + Index: 0.07MB + Engine MyISAM
shop_termmeta: Data: 0.01MB + Index: 0.02MB + Engine MyISAM
shop_terms: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_term_relationships: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
shop_term_taxonomy: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_usermeta: Data: 0.02MB + Index: 0.01MB + Engine MyISAM
shop_users: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_wc_admin_notes: Data: 0.01MB + Index: 0.00MB + Engine MyISAM
shop_wc_admin_note_actions: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_wc_category_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_wc_customer_lookup: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_wc_download_log: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_wc_order_coupon_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_wc_order_product_lookup: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_wc_order_stats: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_wc_order_tax_lookup: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_wc_product_meta_lookup: Data: 0.01MB + Index: 0.01MB + Engine MyISAM
shop_wc_reserved_stock: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_wc_tax_rate_classes: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_wc_webhooks: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_yith_wcwl: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_yith_wcwl_lists: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_yoast_indexable: Data: 0.28MB + Index: 0.05MB + Engine MyISAM
shop_yoast_indexable_hierarchy: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_yoast_migrations: Data: 0.00MB + Index: 0.01MB + Engine MyISAM
shop_yoast_primary_term: Data: 0.00MB + Index: 0.00MB + Engine MyISAM
shop_yoast_seo_links: Data: 0.03MB + Index: 0.01MB + Engine MyISAM

### Post Type Counts ###

attachment: 312
custom_css: 1
nav_menu_item: 2
page: 15
post: 1
product: 59
product_variation: 1
revision: 76
shop_order: 7
sp_wcslider: 1
wp_block: 4

### Security ###

Secure connection (HTTPS): ✔
Hide errors from visitors: ✔

### Active Plugins (15) ###

Akismet Anti-Spam: by Automattic – 4.1.8
Facebook for WooCommerce: by Facebook – 2.2.0
Jetpack by WordPress.com: by Automattic – 9.3.1
Mailchimp for WooCommerce: by Mailchimp – 2.5.0
Sucuri Security - Auditing, Malware Scanner and Hardening: by Sucuri Inc. – 1.8.24
WooCommerce Admin: by WooCommerce – 1.8.3
WOOCS - WooCommerce Currency Switcher: by realmag777 – 1.3.4.1
WooCommerce PayPal Checkout Gateway: by WooCommerce – 2.1.1
WooCommerce Stripe Gateway: by WooCommerce – 4.7.0
WooCommerce Google Analytics Integration: by WooCommerce – 1.5.0
Booster for WooCommerce: by Pluggabl LLC – 5.3.6
WooCommerce Shipping & Tax: by Automattic – 1.25.4 (update to version 1.25.5 is available)
WooCommerce: by Automattic – 4.8.0 (update to version 4.9.0 is available)
Yoast SEO: by Team Yoast – 15.6.2
WP Multilang: by Valentyn Riaboshtan – 2.4.1

### Inactive Plugins (1) ###

Open Graph and Twitter Card Tags: by Webdados – 3.1.0

### Settings ###

API Enabled: –
Force SSL: –
Currency: USD (US$)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: ✔

### WC Pages ###

Shop base: #6 - /shop/
Cart: #7 - /cart/
Checkout: #8 - /checkout/
My account: #9 - /my-account/
Terms and conditions: #179 - /shipping-policy/

### Theme ###

Name: Kwinana Theme
Version: 1.0.0
Author URL: https://yourappapp.com/
Child Theme: ❌ – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ✔

### Templates ###

Archive Template: Your theme has a woocommerce.php file
you will not be able to override the woocommerce/archive-product.php custom template since woocommerce.php has priority over archive-product.php. This is intended to prevent display issues.

Overrides: kwinana_theme/woocommerce/archive-product.php
kwinana_theme/woocommerce/cart/cart-shipping.php
kwinana_theme/woocommerce/cart/cart-totals.php
kwinana_theme/woocommerce/cart/cart.php
kwinana_theme/woocommerce/cart/proceed-to-checkout-button.php
kwinana_theme/woocommerce/checkout/form-billing.php
kwinana_theme/woocommerce/checkout/form-checkout.php
kwinana_theme/woocommerce/checkout/form-shipping.php
kwinana_theme/woocommerce/checkout/review-order.php
kwinana_theme/woocommerce/content-product.php
kwinana_theme/woocommerce/content-single-product.php
kwinana_theme/woocommerce/myaccount/form-edit-account.php
kwinana_theme/woocommerce/myaccount/form-edit-address.php
kwinana_theme/woocommerce/myaccount/form-login.php
kwinana_theme/woocommerce/myaccount/my-address.php
kwinana_theme/woocommerce/single-product/add-to-cart/external.php
kwinana_theme/woocommerce/single-product/add-to-cart/grouped.php
kwinana_theme/woocommerce/single-product/add-to-cart/simple.php
kwinana_theme/woocommerce/single-product/add-to-cart/variable.php
kwinana_theme/woocommerce/single-product/add-to-cart/variation-add-to-cart-button.php
kwinana_theme/woocommerce/single-product/add-to-cart/variation.php
kwinana_theme/woocommerce/single-product/meta.php
kwinana_theme/woocommerce/single-product/photoswipe.php
kwinana_theme/woocommerce/single-product/price.php
kwinana_theme/woocommerce/single-product/product-attributes.php
kwinana_theme/woocommerce/single-product/product-image.php
kwinana_theme/woocommerce/single-product/product-thumbnails.php
kwinana_theme/woocommerce/single-product/rating.php
kwinana_theme/woocommerce/single-product/related.php
kwinana_theme/woocommerce/single-product/review-meta.php
kwinana_theme/woocommerce/single-product/review-rating.php
kwinana_theme/woocommerce/single-product/review.php
kwinana_theme/woocommerce/single-product/sale-flash.php
kwinana_theme/woocommerce/single-product/share.php
kwinana_theme/woocommerce/single-product/short-description.php
kwinana_theme/woocommerce/single-product/stock.php
kwinana_theme/woocommerce/single-product/tabs/additional-information.php
kwinana_theme/woocommerce/single-product/tabs/description.php
kwinana_theme/woocommerce/single-product/tabs/tabs.php
kwinana_theme/woocommerce/single-product/title.php
kwinana_theme/woocommerce/single-product/up-sells.php
kwinana_theme/woocommerce/single-product.php
kwinana_theme/woocommerce/taxonomy-product_cat.php version 1.6.4 is out of date. The core version is 4.7.0

Outdated Templates: ❌
  				
  				
  					Learn how to update

### Action Scheduler ###

Complete: 3,584
Oldest: 2020-12-15 09:09:11 +0000
Newest: 2021-01-15 09:02:32 +0000

Pending: 2
Oldest: 2021-01-15 09:17:31 +0000
Newest: 2021-01-15 09:17:32 +0000

[chickenn00dle]

Hey @shivanraptor 👋

Thanks for submitting this!

I tried reproducing but am not able to do so. I know that PayPal sometimes applies region-specific rules, so I installed a VPN and set my location to HK, but was still not able to replicate.

I did notice that when I input invalid billing details and PayPals validation failed, I was directed to the top of the modal with an error indicating what needed to be fixed. Can you confirm this is not the case for you?

I should also note that I tested on the latest version of IG (172.0), so you may want to try updating the app before testing again.

[shivanraptor]

Hi @chickenn00dle

No, this is not the scenario I am talking about. It jumps to top without displaying any error. The billing information (including the credit card information & billing address) looks okay. My issue only appears in some devices, but not all. Not sure if it is related, sometimes the interface asks my customer to pay in USD or HKD, and sometimes it doesn't, but the credit card entered is the same one in both cases.

I will ask my customer to try again on IG 172.0.

[shivanraptor]

Is there any update on the issue? Thanks.