Method Description is displayed twice.

Hello @martapaw,

Thanks for your reply. I tried enabling only Woocomerce and Flexible shipping. The theme is Storefront. The result was the same.The result was also the same when I changed the theme to Twenty Twenty-Four or Twenty Twenty-Five

View post on imgur.com

View post on imgur.com

View post on imgur.com

I had AI investigate.

After investigating, I found that the shipping rate returned by the Store API already contains:

"description": "ABCDEF"

WooCommerce Blocks displays this description natively, while Flexible Shipping also renders the same description through its own JavaScript in assets/js/shipping-method-block-checkout.js.

Relevant code:

const description = getRateDescription( rate );

if ( description ) {
    if ( existingDescription ) {
        ...
    } else if ( insertionAnchor ) {
        insertionAnchor.insertAdjacentElement(
            'afterend',
            createDescriptionNode( description )
        );
    }
}

As a result, both of the following elements are rendered:

WooCommerce Blocks native output:

<div class="read-more-content">
    <div>ABCDEF</div>
</div>

Flexible Shipping custom output:

<div class="shipping-method-description flexible-shipping-method-description-block">
    ABCDEF
</div>

This causes the Method Description to appear twice whenever the Flexible Shipping method is selected.

Since the Store API already provides the description and WooCommerce Blocks displays it natively, the additional description rendering in shipping-method-block-checkout.js appears to be redundant in current WooCommerce Blocks versions.