fix: select input size small

lisalupi · lisalupi · commit a64890a73448 · 2025-11-26T10:39:23.000+01:00
diff --git a/.changeset/loud-groups-float.md b/.changeset/loud-groups-float.md
@@ -0,0 +1,7 @@
+---
+"@ultraviolet/ui": patch
+---
+
+`SelectInput`: 
+- click outside should work in every context 
+- fix placeholder alignment when small
diff --git a/packages/ui/src/components/Popup/index.tsx b/packages/ui/src/components/Popup/index.tsx
@@ -62,7 +62,7 @@ export type PositionsType = {
  * This event handle allow us to not bubble the event to document.body like this react-select works fine
  */
 const stopClickPropagation: MouseEventHandler = event => {
-  event.nativeEvent.stopImmediatePropagation()
+  event.stopPropagation()
 }
 
 type PopupRole = 'dialog' | 'tooltip' | 'popup' | string
diff --git a/packages/ui/src/components/SelectInput/components/selectBar.css.ts b/packages/ui/src/components/SelectInput/components/selectBar.css.ts
@@ -74,6 +74,7 @@ export const selectBar = recipe({
     size: {
       small: {
         height: theme.sizing[INPUT_SIZE_HEIGHT.small],
+        padding: 0,
         paddingLeft: theme.space[1],
       },
       medium: {

Original file line number	Diff line number	Diff line change
`@@ -62,7 +62,7 @@ export type PositionsType = {`
`62`	`62`	`* This event handle allow us to not bubble the event to document.body like this react-select works fine`
`63`	`63`	`*/`
`64`	`64`	`const stopClickPropagation: MouseEventHandler = event => {`
`65`		`- event.nativeEvent.stopImmediatePropagation()`
	`65`	`+ event.stopPropagation()`
`66`	`66`	`}`
`67`	`67`
`68`	`68`	`type PopupRole = 'dialog' \| 'tooltip' \| 'popup' \| string`