search

woocommerce / woocommerce

A customizable, open-source ecommerce platform built on WordPress. Build any commerce solution you can imagine.
https://woocommerce.com
9.41k stars 10.76k forks source link

Setting up "Limit to specific zip/postcodes" in Shipping Zones creates a UI glitch #23784

Closed zdenys closed 5 years ago

zdenys commented 5 years ago

Describe the bug Setting up Zone regions with a specific ZIP code in WooCommerce > Shipping > Shipping Zones > Add shipping zone (as described here https://docs.woocommerce.com/document/setting-up-shipping-zones/#section-3) glitches visually after clicking Limit to specific ZIP/postcodes and placing the cursor in the text box below. The text fields shift to the right.

To Reproduce Steps to reproduce the behavior:

  1. Go to WooCommerce > Shipping > Shipping Zones
  2. Click on Add shipping zone
  3. Click on Limit to specific ZIP/postcodes and placing the cursor in the text box below
  4. See all text boxes shift to the right

Screenshots https://cld.wthms.co/tYovi0

Expected behavior Nothing should happen

Isolating the problem (mark completed items with an [x]):

WordPress Environment

``` ### WordPress Environment ### WordPress address (URL): https://zdenysecomatv2.wpcomstaging.com Site address (URL): https://zdenysecomatv2.wpcomstaging.com WC Version: 3.6.3 Log Directory Writable: ✔ WP Version: 5.2 WP Multisite: – WP Memory Limit: 256 MB WP Debug Mode: ✔ WP Cron: ✔ Language: en_US External object cache: ✔ ### Server Environment ### Server Info: nginx PHP Version: 7.2.18 PHP Post Max Size: 2 GB PHP Time Limit: 1200 PHP Max Input Vars: 6144 cURL Version: 7.64.1 OpenSSL/1.1.0j SUHOSIN Installed: – MySQL Version: 5.5.5-10.3.15-MariaDB-log Max Upload Size: 2 GB Default Timezone is UTC: ✔ fsockopen/cURL: ✔ SoapClient: ✔ DOMDocument: ✔ GZip: ✔ Multibyte String: ✔ Remote Post: ✔ Remote Get: ✔ ### Database ### WC Database Version: 3.6.3 WC Database Prefix: wp_ MaxMind GeoIP Database: ✔ Total Database Size: 3.11MB Database Data Size: 2.02MB Database Index Size: 1.09MB wp_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB wp_commentmeta: Data: 0.02MB + Index: 0.03MB wp_comments: Data: 0.02MB + Index: 0.09MB wp_failed_jobs: Data: 0.02MB + Index: 0.00MB wp_links: Data: 0.02MB + Index: 0.02MB wp_mailchimp_carts: Data: 0.02MB + Index: 0.00MB wp_options: Data: 1.11MB + Index: 0.05MB wp_postmeta: Data: 0.22MB + Index: 0.14MB wp_posts: Data: 0.11MB + Index: 0.06MB wp_queue: Data: 0.02MB + Index: 0.00MB wp_termmeta: Data: 0.02MB + Index: 0.03MB wp_terms: Data: 0.02MB + Index: 0.03MB wp_term_relationships: Data: 0.02MB + Index: 0.02MB wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB wp_usermeta: Data: 0.02MB + Index: 0.03MB wp_users: Data: 0.02MB + Index: 0.05MB wp_wc_download_log: Data: 0.02MB + Index: 0.03MB wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB ### Post Type Counts ### attachment: 74 customize_changeset: 13 jetpack_migration: 2 jp_img_sitemap: 1 jp_sitemap: 1 jp_sitemap_master: 1 nav_menu_item: 10 page: 8 post: 1 product: 37 product_variation: 4 revision: 5 scheduled-action: 1 ### Security ### Secure connection (HTTPS): ✔ Hide errors from visitors: ✔ ### Active Plugins (11) ### Akismet Anti-Spam: by Automattic – 4.1.2 AMP: by AMP Project Contributors – 1.1.1 Facebook for WooCommerce: by Facebook – 1.9.10 – Not tested with the active version of WooCommerce Jetpack by WordPress.com: by Automattic – 7.3.1 Mailchimp for WooCommerce: by Mailchimp – 2.1.16 – Not tested with the active version of WooCommerce Storefront Powerpack: by WooCommerce – 2.0.0 WooCommerce Product Add-ons: by WooCommerce – 3.0.11 WooCommerce Services: by Automattic – 1.20.0 WooCommerce UPS Shipping: by WooCommerce – 3.2.15 WooCommerce USPS Shipping: by WooCommerce – 4.4.23 WooCommerce: by Automattic – 3.6.3 ### Inactive Plugins (12) ### Classic Editor: by WordPress Contributors – 1.5 Klarna Checkout for WooCommerce: by Krokedil – 1.9.6 – Not tested with the active version of WooCommerce Klarna Payments for WooCommerce: by krokedil klarna automattic – 1.6.4 – Not tested with the active version of WooCommerce TaxJar - Sales Tax Automation for WooCommerce: by TaxJar – 2.3.0 WooCommerce Australia Post Shipping: by WooCommerce – 2.4.11 WooCommerce Canada Post Shipping: by WooCommerce – 2.5.9 WooCommerce eWAY Payment Gateway: by WooCommerce – 3.1.20 WooCommerce PayFast Gateway: by WooCommerce – 1.4.12 WooCommerce PayPal Checkout Gateway: by WooCommerce – 1.6.14 WooCommerce Royal Mail: by WooCommerce – 2.5.16 WooCommerce Square: by WooCommerce – 1.0.37 WooCommerce Stripe Gateway: by WooCommerce – 4.1.16 ### Dropin Plugins (2) ### advanced-cache.php: advanced-cache.php object-cache.php: Memcached ### Must Use Plugins (1) ### WP.com Site Helper: by – ### Settings ### API Enabled: – Force SSL: – Currency: USD ($) 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: #141 - /shop/ Cart: #142 - /cart/ Checkout: #143 - /checkout/ My account: #144 - /my-account/ Terms and conditions: ❌ Page not set ### Theme ### Name: Homestore Version: 2.0.31 Author URL: https://woocommerce.com Child Theme: ✔ Parent Theme Name: Storefront Parent Theme Version: 2.5.0 Parent Theme Author URL: https://woocommerce.com/ WooCommerce Support: ✔ ### Templates ### Overrides: /wordpress/themes/homestore/2.0.31/woocommerce/single-product/title.php ### Action Scheduler ### Complete: 1 Oldest: 2019-05-21 13:35:44 +0200 Newest: 2019-05-21 13:35:44 +0200 Pending: 0 Oldest: – Newest: – Canceled: 0 Oldest: – Newest: – In-progress: 0 Oldest: – Newest: – Failed: 0 Oldest: – Newest: – ```
ajayghaghretiya commented 5 years ago

Hello @zdenys

Good catch. The issue is occurring due to the Grammarly extension that you are using in your browser. Try it by disabling the Grammarly View

Grammarly adding the own HTML in the table tag so the issue is generating.

Thanks,