fix: autocomplete end-icon click opens popover

- stop propagation of mouse-down and click events on end-adornment container

Signed-off-by: Maxim Stykow <maxim.stykow@tngtech.com>

Author: mstykow

src/Frontend/Components/Autocomplete/Autocomplete.tsx

@@ -225,7 +225,10 @@ export function Autocomplete<
     }
 
     return (
-      <EndAdornmentContainer>
+      <EndAdornmentContainer
+        onClick={(event) => event.stopPropagation()}
+        onMouseDown={(event) => event.stopPropagation()}
+      >
         {hasClearButton && (
           <ClearButton
             {...(getClearProps() as MuiIconButtonProps)}
@@ -236,7 +239,6 @@ export function Autocomplete<
           <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> | undefined;
   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']}