From 0ef8a35b55e07b633292fe25805994f6843d5af1 Mon Sep 17 00:00:00 2001
From: VATALIYA PARTH <88878890+PARTHVATALIYA@users.noreply.github.com>
Date: Thu, 12 Dec 2024 19:17:36 +0530
Subject: [PATCH] Widget Editor: Fix: close button is not working (#65443)

* Fix: close button is not working

* Remove unnecessary CSS

---------

Unlinked contributors: parthVataliya16.

Co-authored-by: PARTHVATALIYA <parthvataliya@git.wordpress.org>
Co-authored-by: draganescu <andraganescu@git.wordpress.org>
Co-authored-by: t-hamano <wildworks@git.wordpress.org>
Co-authored-by: miminari <mimitips@git.wordpress.org>
---
 .../edit-widgets/src/components/layout/style.scss   |  7 -------
 .../secondary-sidebar/inserter-sidebar.js           | 13 +------------
 2 files changed, 1 insertion(+), 19 deletions(-)

diff --git a/packages/edit-widgets/src/components/layout/style.scss b/packages/edit-widgets/src/components/layout/style.scss
index 14d74e4db9248c..71b1049adf196d 100644
--- a/packages/edit-widgets/src/components/layout/style.scss
+++ b/packages/edit-widgets/src/components/layout/style.scss
@@ -7,13 +7,6 @@
 	}
 }
 
-.edit-widgets-layout__inserter-panel-header {
-	padding-top: $grid-unit-10;
-	padding-right: $grid-unit-10;
-	display: flex;
-	justify-content: flex-end;
-}
-
 .edit-widgets-layout__inserter-panel-content {
 	// Leave space for the close button
 	height: calc(100% - #{$button-size} - #{$grid-unit-10});
diff --git a/packages/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js b/packages/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js
index 4b26dd306ea0a3..72e04e5f62034c 100644
--- a/packages/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js
+++ b/packages/edit-widgets/src/components/secondary-sidebar/inserter-sidebar.js
@@ -1,8 +1,6 @@
 /**
  * WordPress dependencies
  */
-import { Button, VisuallyHidden } from '@wordpress/components';
-import { close } from '@wordpress/icons';
 import { __experimentalLibrary as Library } from '@wordpress/block-editor';
 import {
 	useViewportMatch,
@@ -10,7 +8,6 @@ import {
 } from '@wordpress/compose';
 import { useCallback, useRef } from '@wordpress/element';
 import { useDispatch } from '@wordpress/data';
-import { __ } from '@wordpress/i18n';
 
 /**
  * Internal dependencies
@@ -28,7 +25,6 @@ export default function InserterSidebar() {
 		return setIsInserterOpened( false );
 	}, [ setIsInserterOpened ] );
 
-	const TagName = ! isMobileViewport ? VisuallyHidden : 'div';
 	const [ inserterDialogRef, inserterDialogProps ] = useDialog( {
 		onClose: closeInserter,
 		focusOnMount: true,
@@ -42,14 +38,6 @@ export default function InserterSidebar() {
 			{ ...inserterDialogProps }
 			className="edit-widgets-layout__inserter-panel"
 		>
-			<TagName className="edit-widgets-layout__inserter-panel-header">
-				<Button
-					__next40pxDefaultSize
-					icon={ close }
-					onClick={ closeInserter }
-					label={ __( 'Close Block Inserter' ) }
-				/>
-			</TagName>
 			<div className="edit-widgets-layout__inserter-panel-content">
 				<Library
 					showInserterHelpPanel
@@ -57,6 +45,7 @@ export default function InserterSidebar() {
 					rootClientId={ rootClientId }
 					__experimentalInsertionIndex={ insertionIndex }
 					ref={ libraryRef }
+					onClose={ closeInserter }
 				/>
 			</div>
 		</div>