[V8.4.0] WC Shortcode [product_page id="xxxx"] Prevents Page Editing, Opens WooCommerce Product Details

[shameemreza]

Prerequisites

• [X] I have carried out troubleshooting steps and I believe I have found a bug.
• [X] I have searched for similar bugs in both open and closed issues and cannot find a duplicate.

Describe the bug

After updating to WooCommerce 8.4.0, pages with the shortcode [product_page id="xxxx"] open the WooCommerce product page instead. This problem occurs when editing a normal page with the shortcode.

This bug was reported here: https://wordpress.org/support/topic/update-8-4-0-opens-the-product-page-instead-of-normal-page

7445720-zen

Expected behavior

The page should show the shortcode instead of the product details.

Actual behavior

The issue causes pages with the shortcode [product_page id=”xxxx”] to open the WooCommerce product page directly, making it impossible to edit these pages. The problem was temporarily resolved by reverting back to version 8.3.1.

Steps to reproduce

• Create a new page and insert the [product_page id="xxxx"] shortcode.
• Next, publish the page.
• When you open the page in the editor, you'll notice that the product information is displayed, not the shortcode.

https://github.com/woocommerce/woocommerce/assets/14240438/e1d68018-0cae-414c-ac37-59eaf879f8ad

WordPress Environment

WooC0mmerce 8.4.0 WordPress 6.4.2

Isolating the problem

• [X] I have deactivated other plugins and confirmed this bug occurs when only WooCommerce plugin is active.
• [X] This bug happens with a default WordPress theme active, or Storefront.
• [X] I can reproduce this bug consistently using the steps above.