[Experimental] Rating filter: fix block focus and visibility (#52579)

plugins/woocommerce-blocks/assets/js/blocks/product-filters/inner-blocks/rating-filter/edit.tsx

@@ -32,6 +32,7 @@ import { EXCLUDED_BLOCKS } from '../../constants';
 import { Notice } from '../../components/notice';
 import type { Attributes } from './types';
 import './style.scss';
+import { InitialDisabled } from '../../components/initial-disabled';
 
 const RatingFilterEdit = ( props: BlockEditProps< Attributes > ) => {
 	const { attributes, setAttributes } = props;
@@ -189,6 +190,7 @@ const RatingFilterEdit = ( props: BlockEditProps< Attributes > ) => {
 			/>
 
 			<div { ...innerBlocksProps }>
+				<InitialDisabled>
 					{ showNoProductsNotice && (
 						<Notice>
 							{ __(
@@ -213,6 +215,7 @@ const RatingFilterEdit = ( props: BlockEditProps< Attributes > ) => {
 							{ children }
 						</BlockContextProvider>
 					</div>
+				</InitialDisabled>
 			</div>
 		</>
 	);

plugins/woocommerce-blocks/assets/js/blocks/product-filters/inner-blocks/rating-filter/style.scss

@@ -1,6 +1,4 @@
 .wp-block-woocommerce-product-filter-rating {
-	display: grid;
-
 	.wc-block-components-product-rating {
 		margin-bottom: 0;
 		display: flex;

plugins/woocommerce/changelog/fix-rating-filter-minor-issues

@@ -0,0 +1,5 @@
+Significance: patch
+Type: fix
+Comment: Experimental: Rating filter: fix block focus and visibility
+
+