clamp picker value height

Author: Alastair Choo

packages/@react-spectrum/s2/src/Picker.tsx

@@ -233,7 +233,8 @@ const valueStyles = style({
   },
   truncate: true,
   display: 'flex',
-  alignItems: 'center'
+  alignItems: 'center',
+  maxHeight: '100%'
 });
 
 const iconStyles = style({
@@ -543,7 +544,6 @@ const PickerButton = createHideableComponent(function PickerButton<T extends obj
             <SelectValue
               className={
                 valueStyles({isQuiet}) +
-                // Might be ok?
                 (renderValue ? '' : ' ' + raw('&> :not([slot=icon], [slot=avatar], [slot=label], [data-slot=label]) {display: none;}'))
               }>
               {({selectedItems, defaultChildren}) => {

packages/@react-spectrum/s2/stories/Picker.stories.tsx

@@ -362,7 +362,7 @@ export const CustomRenderValue: StoryObj<CustomRenderValuePickerStoryType> = {
     renderValue: (selectedItems) => (
       <div style={{display: 'flex', gap: 4}}>
         {selectedItems.map(item => (
-          <Avatar slot="avatar" key={item.id} src={item.icon} />
+          <img key={item.id} src={item.icon} alt={item.label} />
         ))}
       </div>
     )