Update visualizer to only display on hover

Author: andrewserong

packages/block-editor/src/hooks/position.js

@@ -386,8 +386,8 @@ export function PositionPanel( props ) {
 							onChange={ ( { selectedItem } ) => {
 								onChangeType( selectedItem.value );
 							} }
-							onFocus={ onMouseOverPosition }
-							onBlur={ onMouseLeavePosition }
+							onMouseOver={ onMouseOverPosition }
+							onMouseOut={ onMouseLeavePosition }
 							size={ '__unstable-large' }
 						/>
 					</BaseControl>

packages/block-editor/src/hooks/position.scss

@@ -36,8 +36,7 @@
 	left: 0;
 	right: 0;
 	opacity: 0.5;
-	border-color: var(--wp-admin-theme-color);
-	border-style: dotted;
+	background-color: var(--wp-admin-theme-color);
 	box-sizing: border-box;
 	overflow: hidden;
 }