JavaScript error with latest version of Woo

Resolved

(@jodzeee)

I’m using Beaver Builder and when I attempt to edit a page, I click on a module and it’s blank. Clicking “Done” after that doesn’t work either.

I narrowed it down to the BookingWP (WooCommerce Appointments) plugin. If I disable it, it works fine. On a staging site, I have an earlier version of Appointments installed (4.24.0) and it also doesn’t work there, so I know it’s not the result of an update on their end.

Next, I downgraded WooCommerce to 10.0.2 everything works fine.

Here’s some of what I’m seeing in Chrome Dev Tools Console:

************************************************************************
fl-builder.min.js?ver=2.9.2:1
Beaver Builder caught the following JavaScript error. If Beaver Builder is not functioning as expected the cause is most likely this error. Please help us by disabling all plugins and testing Beaver Builder while reactivating each to determine if the issue is related to a third party plugin.
"Uncaught ReferenceError: DOMPurify is not defined" on line 1 of https://redacted.com/wp-content/plugins/woocommerce/assets/js/jquery-tiptip/jquery.tipTip.min.js?ver=10.0.3.
ReferenceError: DOMPurify is not defined
    at HTMLSpanElement.<anonymous> (jquery.tipTip.min.js?ver=10.0.3:1:660)
    at ce.each (jquery.min.js?ver=3.7.1:2:3129)
    at ce.fn.init.each (jquery.min.js?ver=3.7.1:2:1594)
    at t.fn.tipTip (jquery.tipTip.min.js?ver=10.0.3:1:596)
    at Object.showStatusMessage (fl-builder.min.js?ver=2.9.2:1:397085)
    at Object.onLayoutSaved (fl-builder.min.js?ver=2.9.2:1:396600)
    at HTMLBodyElement.dispatch (jquery.min.js?ver=3.7.1:2:40035)
    at v.handle (jquery.min.js?ver=3.7.1:2:38006)
    at Object.trigger (jquery.min.js?ver=3.7.1:2:70124)
    at HTMLBodyElement.<anonymous> (jquery.min.js?ver=3.7.1:2:70726)


jQuery.Deferred exception: DOMPurify is not defined ReferenceError: DOMPurify is not defined
    at HTMLSpanElement.<anonymous> (https://redacted.com/wp-content/plugins/woocommerce/assets/js/jquery-tiptip/jquery.tipTip.min.js?ver=10.0.3:1:660)
    at ce.each (https://redacted.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:3129)
    at ce.fn.init.each (https://redacted.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:1594)
    at t.fn.tipTip (https://redacted.com/wp-content/plugins/woocommerce/assets/js/jquery-tiptip/jquery.tipTip.min.js?ver=10.0.3:1:596)
    at Object.initTipTips (https://redacted.com/wp-content/plugins/bb-plugin/js/fl-builder.min.js?ver=2.9.2:1:314486)
    at Object.init (https://redacted.com/wp-content/plugins/bb-plugin/js/fl-builder.min.js?ver=2.9.2:1:313736)
    at HTMLDocument.<anonymous> (https://redacted.com/wp-content/plugins/bb-plugin/js/fl-builder.min.js?ver=2.9.2:1:314903)
    at e (https://redacted.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:27028)
    at t (https://redacted.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1:2:27330) undefined
ce.Deferred.exceptionHook   @   jquery.min.js?ver=3.7.1:2

Viewing 6 replies - 1 through 6 (of 6 total)

Plugin Support shahzeen(woo-hc)
(@shahzeenfarooq)

10 months, 1 week ago

Hi there!

I understand how important it is for your page editing experience to work smoothly, especially when using tools like Beaver Builder. It’s great that you were able to narrow the issue down to the BookingWP (WooCommerce Appointments) plugin, and also confirm that reverting to WooCommerce 10.0.2 restores expected behavior.

From what you’ve described, this appears to be a compatibility issue between WooCommerce 10.0.3 and the BookingWP plugin, which is affecting how modules load in Beaver Builder.

As a next step, I’d recommend contacting the BookingWP support team here https://bookingwp.com/contact/ with the details you’ve shared — they may need to review this for compatibility with the latest WooCommerce version.
Thank you

Plugin Support Chris Moreira – a11n
(@chrism245)

9 months, 2 weeks ago

I’m going to mark this as resolved, as we haven’t heard back from you in a while. Please open a new thread if you need further assistance.

If you have a few minutes, we’d love if you could leave us a review: https://ww.wp.xz.cn/support/plugin/woocommerce/reviews/
Thread Starter jodzeee
(@jodzeee)

9 months, 2 weeks ago
I did report it to BookingWP and they were able to provide code to fix it for the time being and said they’d be reporting it to Woo.

Here’s what they said:

I did a test and from what I see, WC 10.0.3 made some change related to jQuery Tooltips and that’s causing the issue.

From what I understand, WooCommerce needs to fix this by enqueuing the missing file.

I will report this to our team and to WC. Until it gets resolved, you can use this hotfix (use with Code Snippets plugin or child theme):
```
function fix_missing_dompurify_script() {
    wp_enqueue_script(
        'dompurify',
        'https://cdnjs.cloudflare.com/ajax/libs/dompurify/3.2.6/purify.min.js',
        [],
        '3.2.6',
        true
    );
}
add_action('admin_enqueue_scripts', 'fix_missing_dompurify_script', 5);
add_action('wp_enqueue_scripts', 'fix_missing_dompurify_script', 5);
```
I just updated to the latest version of Woo and can confirm it has not been fixed yet.
Plugin Support shahzeen(woo-hc)
(@shahzeenfarooq)

9 months, 2 weeks ago
Hi there!

Thank you for the update. I’ve checked this, and I can see our developers are aware of the issue and are already discussing it here:
- https://github.com/woocommerce/woocommerce/issues/60271
- https://github.com/woocommerce/woocommerce/discussions/60310
I would suggest submitting your comment in this thread: https://github.com/woocommerce/woocommerce/issues/60271 so our developers can review it and guide you accordingly.
Thread Starter jodzeee
(@jodzeee)

9 months, 2 weeks ago

Thank you for checking into it and sending me the links. I will report my findings.

Plugin Support shahzeen(woo-hc)
(@shahzeenfarooq)

9 months, 2 weeks ago

Hi there!

You’re welcome! We appreciate you taking the time to share your findings in the thread — that will be helpful for other users who may be experiencing the same issue.

Thank you

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘JavaScript error with latest version of Woo’ is closed to new replies.