fix(experience): make dropdown component scrollable (#7806)

charIeszhao · web-flow · commit 605a64fe451a · 2025-09-19T11:01:16.000+08:00
diff --git a/packages/experience/src/components/Dropdown/index.module.scss b/packages/experience/src/components/Dropdown/index.module.scss
@@ -18,7 +18,6 @@
   background: var(--color-bg-float-overlay);
   border: 1px solid var(--color-line-divider);
   border-radius: 8px;
-  padding: _.unit(1);
 }
 
 .overlay {
diff --git a/packages/experience/src/components/InputFields/SelectField/index.module.scss b/packages/experience/src/components/InputFields/SelectField/index.module.scss
@@ -40,11 +40,6 @@
     }
   }
 
-  .dropdown {
-    padding: _.unit(1);
-    max-height: 288px;
-  }
-
   .description,
   .errorMessage {
     margin-inline-start: _.unit(0.5);
@@ -56,6 +51,11 @@
   }
 }
 
+.dropdown {
+  padding: _.unit(1);
+  max-height: 288px;
+}
+
 .focused {
   background: var(--color-overlay-neutral-hover);
 }

Original file line number	Diff line number	Diff line change
`@@ -18,7 +18,6 @@`
`18`	`18`	`background: var(--color-bg-float-overlay);`
`19`	`19`	`border: 1px solid var(--color-line-divider);`
`20`	`20`	`border-radius: 8px;`
`21`		`- padding: _.unit(1);`
`22`	`21`	`}`
`23`	`22`
`24`	`23`	`.overlay {`
Original file line number	Diff line number	Diff line change
`@@ -40,11 +40,6 @@`
`40`	`40`	`}`
`41`	`41`	`}`
`42`	`42`
`43`		`- .dropdown {`
`44`		`- padding: _.unit(1);`
`45`		`- max-height: 288px;`
`46`		`- }`
`47`		`-`
`48`	`43`	`.description,`
`49`	`44`	`.errorMessage {`
`50`	`45`	`margin-inline-start: _.unit(0.5);`
`@@ -56,6 +51,11 @@`
`56`	`51`	`}`
`57`	`52`	`}`
`58`	`53`
	`54`	`+.dropdown {`
	`55`	`+ padding: _.unit(1);`
	`56`	`+ max-height: 288px;`
	`57`	`+}`
	`58`	`+`
`59`	`59`	`.focused {`
`60`	`60`	`background: var(--color-overlay-neutral-hover);`
`61`	`61`	`}`