Merge pull request #2573 from opossum-tool/fix-autocomplete-end-icon-click

fix: autocomplete end-icon click opens popover

Author: mstykow

src/Frontend/Components/Autocomplete/Autocomplete.tsx

@@ -225,18 +225,17 @@ export function Autocomplete<
     }
 
     return (
-      <EndAdornmentContainer>
+      <EndAdornmentContainer
+        onClick={(event) => event.stopPropagation()}
+        onMouseDown={(event) => event.stopPropagation()}
+      >
         {hasClearButton && (
-          <ClearButton
-            {...(getClearProps() as MuiIconButtonProps)}
-            onMouseDown={(event) => event.stopPropagation()}
-          />
+          <ClearButton {...(getClearProps() as MuiIconButtonProps)} />
         )}
         {hasPopupIndicator && (
           <PopupIndicator
             popupOpen={isPopupOpen}
             {...(getPopupIndicatorProps() as MuiIconButtonProps)}
-            onClick={undefined}
           />
         )}
         {endAdornment}

src/Frontend/Components/IconButton/IconButton.tsx

@@ -13,7 +13,7 @@ interface IconButtonProps {
   tooltipPlacement?: TooltipProps['placement'];
   iconSx?: SxProps;
   containerSx?: SxProps;
-  onClick?(): void;
+  onClick?: React.MouseEventHandler<HTMLButtonElement>;
   icon: ReactElement;
   disabled?: boolean;
   hidden?: boolean;
@@ -39,7 +39,7 @@ export function IconButton(props: IconButtonProps) {
           sx={props.iconSx}
           onClick={(event) => {
             event.stopPropagation();
-            props.onClick?.();
+            props.onClick?.(event);
           }}
           disabled={props.disabled}
           data-testid={props['data-testid']}