Fix: Mini Cart content scrolling issue

[dinhtungdu]

Fixes #6563

This PR fixes the scrolling issue of the Filled Mini Cart Content block.

Accessibility

• I've tested using only a keyboard (no mouse)
• I've tested using a screen reader
• All animations respect prefers-reduced-motion
• All text has at least a 4.5 color contrast with its background

Other Checks

• This PR adds/removes a feature flag & I've updated this doc .
• This PR adds/removes an experimental interfaces and I've updated this doc
• I tagged two reviewers because this PR makes queries to the database or I think it might have some security impact.

Screenshots

Before	After

Testing

Automated Tests

• Changes in this PR are covered by Automated Tests.
  • Unit tests
  • E2E tests

User Facing Testing

1. With a block theme like 2022. Edit the Mini Cart template part.
2. Add some blocks to the Mini Cart Items section to make the content overflow.
3. See the footer inside the viewport, and the Mini Cart Items block is now scrollable to view the underneath content.
4. Save the template.
5. On the front end, add a product to the cart then open the Mini Cart.
6. See the Mini Cart Items section is scrollable, with the product table on top.

• Do not include in the Testing Notes

WooCommerce Visibility

• WooCommerce Core
• Feature plugin
• Experimental

Performance Impact

Changelog

Fix: scrolling issue of the Filled Mini Cart Contents block.

[github-actions]

Size Change: -16 B (0%)

Total Size: 865 kB

Filename	Size	Change
build/wc-blocks-editor-style-rtl.css	5.08 kB	+1 B (0%)
build/wc-blocks-editor-style.css	5.08 kB	+1 B (0%)
build/wc-blocks-style-rtl.css	22.1 kB	-9 B (0%)
build/wc-blocks-style.css	22.1 kB	-9 B (0%)

ℹ️ View Unchanged

Filename	Size
build/active-filters-frontend.js	6.59 kB
build/active-filters.js	7.57 kB
build/all-products-frontend.js	18.1 kB
build/all-products.js	33.5 kB
build/all-reviews.js	7.79 kB
build/attribute-filter-frontend.js	17.7 kB
build/attribute-filter.js	13.9 kB
build/blocks-checkout.js	17.4 kB
build/cart-blocks/cart-accepted-payment-methods-frontend.js	1.16 kB
build/cart-blocks/cart-express-payment-frontend.js	5.06 kB
build/cart-blocks/cart-items-frontend.js	298 B
build/cart-blocks/cart-line-items--mini-cart-contents-block/products-table-frontend.js	5.27 kB
build/cart-blocks/cart-line-items-frontend.js	433 B
build/cart-blocks/cart-order-summary-frontend.js	1.11 kB
build/cart-blocks/cart-totals-frontend.js	322 B
build/cart-blocks/empty-cart-frontend.js	347 B
build/cart-blocks/filled-cart-frontend.js	785 B
build/cart-blocks/order-summary-coupon-form-frontend.js	2.62 kB
build/cart-blocks/order-summary-discount-frontend.js	2.13 kB
build/cart-blocks/order-summary-fee-frontend.js	272 B
build/cart-blocks/order-summary-heading-frontend.js	455 B
build/cart-blocks/order-summary-shipping--checkout-blocks/order-summary-shipping-frontend.js	6.34 kB
build/cart-blocks/order-summary-shipping-frontend.js	427 B
build/cart-blocks/order-summary-subtotal-frontend.js	273 B
build/cart-blocks/order-summary-taxes-frontend.js	432 B
build/cart-blocks/proceed-to-checkout-frontend.js	1.15 kB
build/cart-frontend.js	45.4 kB
build/cart.js	44.2 kB
build/checkout-blocks/actions-frontend.js	1.41 kB
build/checkout-blocks/billing-address--checkout-blocks/shipping-address-frontend.js	4.12 kB
build/checkout-blocks/billing-address-frontend.js	891 B
build/checkout-blocks/contact-information-frontend.js	2.84 kB
build/checkout-blocks/express-payment-frontend.js	5.35 kB
build/checkout-blocks/fields-frontend.js	344 B
build/checkout-blocks/order-note-frontend.js	1.07 kB
build/checkout-blocks/order-summary-cart-items-frontend.js	3.66 kB
build/checkout-blocks/order-summary-coupon-form-frontend.js	2.78 kB
build/checkout-blocks/order-summary-discount-frontend.js	2.25 kB
build/checkout-blocks/order-summary-fee-frontend.js	275 B
build/checkout-blocks/order-summary-frontend.js	1.11 kB
build/checkout-blocks/order-summary-shipping-frontend.js	604 B
build/checkout-blocks/order-summary-subtotal-frontend.js	273 B
build/checkout-blocks/order-summary-taxes-frontend.js	431 B
build/checkout-blocks/payment-frontend.js	7.66 kB
build/checkout-blocks/shipping-address-frontend.js	996 B
build/checkout-blocks/shipping-methods-frontend.js	4.72 kB
build/checkout-blocks/terms-frontend.js	1.22 kB
build/checkout-blocks/totals-frontend.js	326 B
build/checkout-frontend.js	47.6 kB
build/checkout.js	45.5 kB
build/featured-category.js	13.2 kB
build/featured-product.js	13.5 kB
build/handpicked-products.js	7.39 kB
build/legacy-template.js	2.45 kB
build/mini-cart-component-frontend.js	16.6 kB
build/mini-cart-contents-block/empty-cart-frontend.js	364 B
build/mini-cart-contents-block/filled-cart-frontend.js	229 B
build/mini-cart-contents-block/footer--mini-cart-contents-block/products-table-frontend.js	4.69 kB
build/mini-cart-contents-block/footer-frontend.js	5.75 kB
build/mini-cart-contents-block/items-frontend.js	225 B
build/mini-cart-contents-block/products-table-frontend.js	290 B
build/mini-cart-contents-block/shopping-button-frontend.js	288 B
build/mini-cart-contents-block/title-frontend.js	367 B
build/mini-cart-contents.js	22.9 kB
build/mini-cart-frontend.js	1.72 kB
build/mini-cart.js	6.62 kB
build/price-filter-frontend.js	12.5 kB
build/price-filter.js	8.9 kB
build/price-format.js	1.19 kB
build/product-add-to-cart--product-button--product-category-list--product-image--product-price--product-r--a0326d00.js	223 B
build/product-add-to-cart--product-button--product-image--product-title.js	2.66 kB
build/product-add-to-cart--product-button.js	565 B
build/product-add-to-cart-frontend.js	6.96 kB
build/product-add-to-cart.js	6.64 kB
build/product-best-sellers.js	7.48 kB
build/product-button--product-category-list--product-image--product-price--product-rating--product-sale-b--e17c7c01.js	499 B
build/product-button-frontend.js	1.85 kB
build/product-button.js	1.09 kB
build/product-categories.js	2.78 kB
build/product-category-list-frontend.js	922 B
build/product-category-list.js	502 B
build/product-category.js	8.59 kB
build/product-image-frontend.js	1.84 kB
build/product-image.js	1.07 kB
build/product-new.js	7.76 kB
build/product-on-sale.js	8.08 kB
build/product-price-frontend.js	1.94 kB
build/product-price.js	1.5 kB
build/product-rating-frontend.js	1.15 kB
build/product-rating.js	731 B
build/product-sale-badge-frontend.js	1.09 kB
build/product-sale-badge.js	679 B
build/product-search.js	2.18 kB
build/product-sku-frontend.js	380 B
build/product-sku.js	381 B
build/product-stock-indicator-frontend.js	1.03 kB
build/product-stock-indicator.js	621 B
build/product-summary-frontend.js	1.33 kB
build/product-summary.js	918 B
build/product-tag-list-frontend.js	913 B
build/product-tag-list.js	495 B
build/product-tag.js	8.12 kB
build/product-title-frontend.js	1.29 kB
build/product-title.js	908 B
build/product-top-rated.js	8 kB
build/products-by-attribute.js	8.69 kB
build/reviews-by-category.js	11.3 kB
build/reviews-by-product.js	12.4 kB
build/reviews-frontend.js	7.02 kB
build/single-product-frontend.js	21.5 kB
build/single-product.js	10.1 kB
build/stock-filter-frontend.js	7.32 kB
build/stock-filter.js	7.24 kB
build/vendors--cart-blocks/cart-line-items--cart-blocks/cart-order-summary--cart-blocks/order-summary-shi--c02aad66-frontend.js	5.26 kB
build/vendors--cart-blocks/cart-line-items--checkout-blocks/order-summary-cart-items--mini-cart-contents---233ab542-frontend.js	3.14 kB
build/vendors--cart-blocks/order-summary-shipping--checkout-blocks/billing-address--checkout-blocks/order--5b8feb0b-frontend.js	4.75 kB
build/vendors--cart-blocks/order-summary-shipping--checkout-blocks/billing-address--checkout-blocks/order--decc3dc6-frontend.js	20.5 kB
build/vendors--mini-cart-contents-block/footer-frontend.js	6.86 kB
build/vendors--product-add-to-cart-frontend.js	7.54 kB
build/wc-blocks-data.js	9.87 kB
build/wc-blocks-google-analytics.js	1.56 kB
build/wc-blocks-middleware.js	930 B
build/wc-blocks-registry.js	2.7 kB
build/wc-blocks-shared-context.js	1.52 kB
build/wc-blocks-shared-hocs.js	1.14 kB
build/wc-blocks-vendors-style-rtl.css	1.28 kB
build/wc-blocks-vendors-style.css	1.28 kB
build/wc-blocks-vendors.js	59 kB
build/wc-blocks.js	2.63 kB
build/wc-payment-method-bacs.js	816 B
build/wc-payment-method-cheque.js	811 B
build/wc-payment-method-cod.js	909 B
build/wc-payment-method-paypal.js	837 B
build/wc-settings.js	2.61 kB

_{compressed-size-action}

[Aljullu]

LGTM, thanks for fixing it, @dinhtungdu!