woocommerce / woocommerce-gateway-paypal-express-checkout

58 stars 65 forks source link

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

Open shivanraptor opened 3 years ago

shivanraptor commented 3 years ago

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):

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 commented 3 years ago

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 commented 3 years ago

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 commented 3 years ago

Is there any update on the issue? Thanks.