fix(combobox): corrects cases where open combobx stories and testing previews could overlap adjacent components (#3568)

Author: cdransf

components/combobox/stories/combobox.stories.js

@@ -171,6 +171,11 @@ DefaultGroup.args = Default.args;
 DefaultGroup.tags = ["!dev"];
 DefaultGroup.parameters = {
 	chromatic: { disableSnapshot: true },
+	docs: {
+		story: {
+			height: "360px",
+		},
+	},
 };
 
 export const QuietGroup = VariantGroup.bind({});
@@ -182,6 +187,11 @@ QuietGroup.args = {
 QuietGroup.tags = ["!dev"];
 QuietGroup.parameters = {
 	chromatic: { disableSnapshot: true },
+	docs: {
+		story: {
+			height: "360px",
+		},
+	},
 };
 
 /**

components/combobox/stories/combobox.test.js

@@ -4,9 +4,6 @@ import { Template } from "./template.js";
 export const ComboBoxGroup = Variants({
 	Template,
 	sizeDirection: "row",
-	wrapperStyles: {
-		"align-items": "flex-start",
-	},
 	testData: [
 		{
 			testHeading: "Default",
@@ -20,11 +17,17 @@ export const ComboBoxGroup = Variants({
 		{
 			testHeading: "Open",
 			isOpen: true,
+			wrapperStyles: {
+				"min-block-size": "250px",
+			},
 		},
 		{
 			testHeading: "Quiet + open",
 			isQuiet: true,
 			isOpen: true,
+			wrapperStyles: {
+				"min-block-size": "250px",
+			},
 		},
 		{
 			testHeading: "With field label top",