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 <[email protected]> Co-authored-by: draganescu <[email protected]> Co-authored-by: t-hamano <[email protected]> Co-authored-by: miminari <[email protected]>
WordPress · Dec 12, 2024 · 0ef8a35 · 0ef8a35 · github-actions · Dec 12, 2024
1 parent f1f5988
commit 0ef8a35
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 19 deletions.
diff --git 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
@@ -1,16 +1,13 @@
 /**
  * WordPress dependencies
  */
-import { Button, VisuallyHidden } from '@wordpress/components';
-import { close } from '@wordpress/icons';
 import { __experimentalLibrary as Library } from '@wordpress/block-editor';
 import {
 	useViewportMatch,
 	__experimentalUseDialog as useDialog,
 } 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,21 +38,14 @@ 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
 					shouldFocusBlock={ isMobileViewport }
 					rootClientId={ rootClientId }
 					__experimentalInsertionIndex={ insertionIndex }
 					ref={ libraryRef }
+					onClose={ closeInserter }
 				/>
 			</div>
 		</div>