Fix customizer block toolbar after popover refactor (#41312)

* Fix customizer block toolbar after popover refactor

* Fix more popovers

* Fix e2e test

Co-authored-by: George Mamadashvili <georgemamadashvili@gmail.com>

packages/customize-widgets/src/components/sidebar-block-editor/style.scss

@@ -13,6 +13,14 @@
 }
 
 .customize-control-sidebar_block_editor .block-editor-block-list__block-popover {
-	position: fixed;
+	// FloatingUI library used in Popover component forces us to have an "absolute" inline style.
+	// We need to override this in the customizer.
+	position: fixed !important;
 	z-index: z-index(".customize-widgets__block-toolbar");
 }
+
+.customize-widgets-popover .components-popover {
+	// FloatingUI library used in Popover component forces us to have an "absolute" inline style.
+	// We need to override this in the customizer.
+	position: fixed !important;
+}

test/e2e/specs/widgets/customizing-widgets.spec.js

@@ -52,6 +52,11 @@ test.describe( 'Widgets Customizer', () => {
 			)
 		).toBeVisible();
 
+		// Clear block selection, so the block toolbar isn't visible.
+		await page.evaluate( () => {
+			window.wp.data.dispatch( 'core/block-editor' ).clearSelectedBlock();
+		} );
+
 		await widgetsCustomizerPage.addBlock( 'Heading' );
 		await page.keyboard.type( 'My Heading' );