Filter by Price causes a JavaScript error when used with Filter by Attribure

  • Resolved Harbinger Marketing

    (@harbingermarketing)


    4 months, 1 week ago

    We’ve noticed that when the Filter by Price block is used along with the Filter by Attribute block, it causes this error:

    react-dom.min.js?ver=18.2.0:10 DOMException: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node.

    The error doesn’t appear every time. Here is a video that shows the issue: https://share.zight.com/GGuBbpNv

    Here are the steps to reproduce the issue:

    • Add the following blocks to a Shop page:
      • Filter by Price
      • Filter by Attribute (e.g. size)
      • Filter by Attribute (e.g. color)
      • Product Collection (used for showing products)
    • Go to the home page of the website.
    • After that, go to the Shop page.
    • Start using the Attribute filters.

    The blocks have been tested using a clean WordPress instance (latest WooCommerce and WordPress versions). Also, the issue has been noted on previous WooCommerce versions and custom WordPress themes.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Zubair Zahid (woo-hc)

    (@doublezed2)

    Hello Harbinger Marketing

    Thank you for contacting Woo support.

    Could you share a link to the website so I can check the error from my end?
    After that, I will try to recreate it on my test site.

    Looking forward to your response. ??

    Best regards.

    Thread Starter Harbinger Marketing

    (@harbingermarketing)

    Hello @doublezed2

    Unfortunately, there is no public instance we can share. The provided video in our previous message demonstrates the issue on a local instance. Also, here is the system report information of a clean testing instance:

    ### WordPress Environment ###

    WordPress address (URL): https://shop.test
    Site address (URL): https://shop.test
    WC Version: 9.1.2
    Legacy REST API Package Version: The Legacy REST API plugin is not installed on this site.
    Action Scheduler Version: ? 3.7.4
    Log Directory Writable: ?
    WP Version: 6.5.5
    WP Multisite: –
    WP Memory Limit: 512 MB
    WP Debug Mode: –
    WP Cron: ?
    Language: en_US
    External object cache: –

    ### Server Environment ###

    Server Info: nginx/1.25.5
    PHP Version: 8.3.7
    PHP Post Max Size: 512 MB
    PHP Time Limit: 30
    PHP Max Input Vars: 1000
    cURL Version: 8.7.1
    (SecureTransport) OpenSSL/3.3.0

    SUHOSIN Installed: –
    MySQL Version: 8.3.0
    Max Upload Size: 512 MB
    Default Timezone is UTC: ?
    fsockopen/cURL: ?
    SoapClient: ?
    DOMDocument: ?
    GZip: ?
    Multibyte String: ?
    Remote Post: ?
    Remote Get: ?

    ### Database ###

    WC Database Version: 9.1.2
    WC Database Prefix: wp_
    Total Database Size: 6.95MB
    Database Data Size: 5.24MB
    Database Index Size: 1.71MB
    wp_woocommerce_sessions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_actions: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
    wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_actionscheduler_logs: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_comments: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
    wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_options: Data: 4.05MB + Index: 0.06MB + Engine InnoDB
    wp_postmeta: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
    wp_posts: Data: 0.14MB + Index: 0.06MB + Engine InnoDB
    wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_wc_admin_note_actions: Data: 0.03MB + Index: 0.02MB + Engine InnoDB
    wp_wc_admin_notes: Data: 0.06MB + Index: 0.00MB + Engine InnoDB
    wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_order_addresses: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_order_operational_data: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
    wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
    wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_orders: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
    wp_wc_orders_meta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
    wp_wc_product_attributes_lookup: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_wc_product_download_directories: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.11MB + Engine InnoDB
    wp_wc_rate_limits: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
    wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
    wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB

    ### Post Type Counts ###

    attachment: 11
    page: 7
    post: 2
    product: 9
    revision: 6
    wp_font_face: 33
    wp_font_family: 12
    wp_global_styles: 1
    wp_navigation: 1
    wp_template: 1

    ### Security ###

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

    ### Active Plugins (1) ###

    WooCommerce: by Automattic – 9.1.2

    ### Inactive Plugins (0) ###


    ### Dropin Plugins () ###

    advanced-cache.php: advanced-cache.php

    ### 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: –
    Enforce Approved Product Download Directories: ?
    HPOS feature enabled: ?
    Order datastore: Automattic\WooCommerce\Internal\DataStores\Orders\OrdersTableDataStore
    HPOS data sync enabled: –

    ### Logging ###

    Enabled: ?
    Handler: Automattic\WooCommerce\Internal\Admin\Logging\LogHandlerFileV2
    Retention period: 30 days
    Level threshold: –
    Log directory size: 188 B

    ### WC Pages ###

    Shop base: #6 - /shop/
    Cart: #7 - /cart/ -  Contains the woocommerce/cart block
    Checkout: #8 - /checkout/ -  Contains the woocommerce/checkout block
    My account: #9 - /my-account/
    Terms and conditions: ? Page not set

    ### Theme ###

    Name: Twenty Twenty-Four
    Version: 1.1
    Author URL: https://www.remarpro.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: ? Not declared

    ### Templates ###

    Overrides: /Users/hb/Sites/shop/wp-content/plugins/woocommerce/templates/block-notices/error.php
    /Users/hb/Sites/shop/wp-content/plugins/woocommerce/templates/block-notices/notice.php
    /Users/hb/Sites/shop/wp-content/plugins/woocommerce/templates/block-notices/success.php


    ### Admin ###

    Enabled Features: activity-panels
    analytics
    product-block-editor
    coupons
    core-profiler
    customize-store
    customer-effort-score-tracks
    import-products-task
    experimental-fashion-sample-products
    shipping-smart-defaults
    shipping-setting-tour
    homescreen
    marketing
    mobile-app-banner
    navigation
    onboarding
    onboarding-tasks
    product-custom-fields
    remote-inbox-notifications
    remote-free-extensions
    payment-gateway-suggestions
    shipping-label-banner
    subscriptions
    store-alerts
    transient-notices
    woo-mobile-welcome
    wc-pay-promotion
    wc-pay-welcome-page
    launch-your-store

    Disabled Features: experimental-blocks
    minified-js
    pattern-toolkit-full-composability
    product-pre-publish-modal
    printful
    settings
    async-product-editor-category-field
    product-editor-template-system

    Daily Cron: ? Next scheduled: 2024-07-17 09:09:20 +00:00
    Options: ?
    Notes: 64
    Onboarding: completed

    ### Action Scheduler ###

    Complete: 21
    Oldest: 2024-07-11 09:10:47 +0000
    Newest: 2024-07-16 11:25:38 +0000

    Failed: 1
    Oldest: 2024-07-11 11:01:07 +0000
    Newest: 2024-07-11 11:01:07 +0000

    Pending: 1
    Oldest: 2024-07-17 11:25:38 +0000
    Newest: 2024-07-17 11:25:38 +0000


    ### Status report information ###

    Generated at: 2024-07-16 11:26:16 +00:00

    I hope this information is helpful.

    Thank you

    Thank you for reaching back, with further details on this @harbingermarketing .

    Best if you go ahead with creating a report, over at GitHub,?via this screen.

    I trust that points you in the right direction, but if you have more questions, let us know.

    We’re happy to help.

    Thread Starter Harbinger Marketing

    (@harbingermarketing)

    @anastas10s, thanks, we’ve submitted a Github issue.

    Hey, @harbingermarketing!

    Thank you for reporting it on GitHub.

    Our team will get to it as soon as possible. Please keep an eye on it, as sometimes the devs can ask some questions or more information ??

    Since the issue is already on GitHub, I’ll close this thread now, okay?

    Please let us know if there’s anything else we can do to help or if you have any questions.

    Have a wonderful day!

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.