diff --git a/invokeai/frontend/web/src/app/components/AppErrorBoundaryFallback.tsx b/invokeai/frontend/web/src/app/components/AppErrorBoundaryFallback.tsx
index b20a8148e2..3ec5e364d3 100644
--- a/invokeai/frontend/web/src/app/components/AppErrorBoundaryFallback.tsx
+++ b/invokeai/frontend/web/src/app/components/AppErrorBoundaryFallback.tsx
@@ -65,10 +65,10 @@ const AppErrorBoundaryFallback = ({ error, resetErrorBoundary }: Props) => {
           </Text>
         </Flex>
         <Flex gap={4}>
-          <Button leftIcon={<PiArrowCounterClockwiseBold />} onClick={resetErrorBoundary}>
+          <Button leftIcon={<PiArrowCounterClockwiseBold />} onPointerUp={resetErrorBoundary}>
             {t('accessibility.resetUI')}
           </Button>
-          <Button leftIcon={<PiCopyBold />} onClick={handleCopy}>
+          <Button leftIcon={<PiCopyBold />} onPointerUp={handleCopy}>
             {t('common.copyError')}
           </Button>
           <Link href={url} isExternal>
diff --git a/invokeai/frontend/web/src/common/components/ColorPicker/RgbColorPicker.tsx b/invokeai/frontend/web/src/common/components/ColorPicker/RgbColorPicker.tsx
index 1361039b75..dd8d86462d 100644
--- a/invokeai/frontend/web/src/common/components/ColorPicker/RgbColorPicker.tsx
+++ b/invokeai/frontend/web/src/common/components/ColorPicker/RgbColorPicker.tsx
@@ -98,8 +98,8 @@ const RgbColorPicker = (props: Props) => {
 export default memo(RgbColorPicker);
 
 const ColorSwatch = ({ color, onChange }: { color: RgbColor; onChange: (color: RgbColor) => void }) => {
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     onChange(color);
   }, [color, onChange]);
-  return <Box role="button" onClick={onClick} h={8} w={8} bg={rgbColorToString(color)} borderRadius="base" />;
+  return <Box role="button" onPointerUp={onPointerUp} h={8} w={8} bg={rgbColorToString(color)} borderRadius="base" />;
 };
diff --git a/invokeai/frontend/web/src/common/components/ColorPicker/RgbaColorPicker.tsx b/invokeai/frontend/web/src/common/components/ColorPicker/RgbaColorPicker.tsx
index fb3b1da2a0..a83831f5a9 100644
--- a/invokeai/frontend/web/src/common/components/ColorPicker/RgbaColorPicker.tsx
+++ b/invokeai/frontend/web/src/common/components/ColorPicker/RgbaColorPicker.tsx
@@ -109,8 +109,8 @@ const RgbaColorPicker = (props: Props) => {
 export default memo(RgbaColorPicker);
 
 const ColorSwatch = ({ color, onChange }: { color: RgbaColor; onChange: (color: RgbaColor) => void }) => {
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     onChange(color);
   }, [color, onChange]);
-  return <Box role="button" onClick={onClick} h={8} w={8} bg={rgbaColorToString(color)} borderRadius="base" />;
+  return <Box role="button" onPointerUp={onPointerUp} h={8} w={8} bg={rgbaColorToString(color)} borderRadius="base" />;
 };
diff --git a/invokeai/frontend/web/src/common/components/IAIDndImage.tsx b/invokeai/frontend/web/src/common/components/IAIDndImage.tsx
index f4b85736c5..6522a6b9a5 100644
--- a/invokeai/frontend/web/src/common/components/IAIDndImage.tsx
+++ b/invokeai/frontend/web/src/common/components/IAIDndImage.tsx
@@ -55,7 +55,7 @@ type IAIDndImageProps = FlexProps & {
   imageDTO: ImageDTO | undefined;
   onError?: (event: SyntheticEvent<HTMLImageElement>) => void;
   onLoad?: (event: SyntheticEvent<HTMLImageElement>) => void;
-  onClick?: (event: MouseEvent<HTMLDivElement>) => void;
+  onPointerUp?: (event: MouseEvent<HTMLDivElement>) => void;
   withMetadataOverlay?: boolean;
   isDragDisabled?: boolean;
   isDropDisabled?: boolean;
@@ -82,7 +82,7 @@ const IAIDndImage = (props: IAIDndImageProps) => {
   const {
     imageDTO,
     onError,
-    onClick,
+    onPointerUp,
     withMetadataOverlay = false,
     isDropDisabled = false,
     isDragDisabled = false,
@@ -228,7 +228,7 @@ const IAIDndImage = (props: IAIDndImageProps) => {
             <IAIDraggable
               data={draggableData}
               disabled={isDragDisabled || !imageDTO}
-              onClick={onClick}
+              onPointerUp={onPointerUp}
               onAuxClick={openInNewTab}
             />
           )}
diff --git a/invokeai/frontend/web/src/common/components/IAIDndImageIcon.tsx b/invokeai/frontend/web/src/common/components/IAIDndImageIcon.tsx
index 8c24c2be55..42814fc904 100644
--- a/invokeai/frontend/web/src/common/components/IAIDndImageIcon.tsx
+++ b/invokeai/frontend/web/src/common/components/IAIDndImageIcon.tsx
@@ -16,17 +16,17 @@ const sx: SystemStyleObject = {
   },
 };
 
-type Props = Omit<IconButtonProps, 'aria-label' | 'onClick' | 'tooltip'> & {
-  onClick: (event: MouseEvent<HTMLButtonElement>) => void;
+type Props = Omit<IconButtonProps, 'aria-label' | 'onPointerUp' | 'tooltip'> & {
+  onPointerUp: (event: MouseEvent<HTMLButtonElement>) => void;
   tooltip: string;
 };
 
 const IAIDndImageIcon = (props: Props) => {
-  const { onClick, tooltip, icon, ...rest } = props;
+  const { onPointerUp, tooltip, icon, ...rest } = props;
 
   return (
     <IconButton
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       aria-label={tooltip}
       icon={icon}
       variant="link"
diff --git a/invokeai/frontend/web/src/common/components/InformationalPopover/InformationalPopover.tsx b/invokeai/frontend/web/src/common/components/InformationalPopover/InformationalPopover.tsx
index 37cd40d332..5f3079ae0c 100644
--- a/invokeai/frontend/web/src/common/components/InformationalPopover/InformationalPopover.tsx
+++ b/invokeai/frontend/web/src/common/components/InformationalPopover/InformationalPopover.tsx
@@ -95,14 +95,14 @@ const Content = ({ data, feature, hideDisable }: ContentProps) => {
     [feature, t]
   );
 
-  const onClickLearnMore = useCallback(() => {
+  const onPointerUpLearnMore = useCallback(() => {
     if (!data?.href) {
       return;
     }
     window.open(data.href);
   }, [data?.href]);
 
-  const onClickDontShowMeThese = useCallback(() => {
+  const onPointerUpDontShowMeThese = useCallback(() => {
     dispatch(setShouldEnableInformationalPopovers(false));
     toast({
       title: t('settings.informationalPopoversDisabled'),
@@ -135,13 +135,13 @@ const Content = ({ data, feature, hideDisable }: ContentProps) => {
           <Divider />
           <Flex alignItems="center" justifyContent="space-between" w="full">
             {!hideDisable && (
-              <Button onClick={onClickDontShowMeThese} variant="link" size="sm">
+              <Button onPointerUp={onPointerUpDontShowMeThese} variant="link" size="sm">
                 {t('common.dontShowMeThese')}
               </Button>
             )}
             <Spacer />
             {data?.href && (
-              <Button onClick={onClickLearnMore} leftIcon={<PiArrowSquareOutBold />} variant="link" size="sm">
+              <Button onPointerUp={onPointerUpLearnMore} leftIcon={<PiArrowSquareOutBold />} variant="link" size="sm">
                 {t('common.learnMore') ?? heading}
               </Button>
             )}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx
index 861ff3636f..7cccf3433a 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasAddEntityButtons.tsx
@@ -33,7 +33,7 @@ export const CanvasAddEntityButtons = memo(() => {
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addGlobalReferenceImage}
+            onPointerUp={addGlobalReferenceImage}
             isDisabled={isFLUX}
           >
             {t('controlLayers.globalReferenceImage')}
@@ -46,7 +46,7 @@ export const CanvasAddEntityButtons = memo(() => {
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addInpaintMask}
+            onPointerUp={addInpaintMask}
           >
             {t('controlLayers.inpaintMask')}
           </Button>
@@ -55,7 +55,7 @@ export const CanvasAddEntityButtons = memo(() => {
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addRegionalGuidance}
+            onPointerUp={addRegionalGuidance}
             isDisabled={isFLUX}
           >
             {t('controlLayers.regionalGuidance')}
@@ -65,7 +65,7 @@ export const CanvasAddEntityButtons = memo(() => {
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addRegionalReferenceImage}
+            onPointerUp={addRegionalReferenceImage}
             isDisabled={isFLUX}
           >
             {t('controlLayers.regionalReferenceImage')}
@@ -79,7 +79,7 @@ export const CanvasAddEntityButtons = memo(() => {
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addControlLayer}
+            onPointerUp={addControlLayer}
             isDisabled={isFLUX}
           >
             {t('controlLayers.controlLayer')}
@@ -89,7 +89,7 @@ export const CanvasAddEntityButtons = memo(() => {
             variant="ghost"
             justifyContent="flex-start"
             leftIcon={<PiPlusBold />}
-            onClick={addRasterLayer}
+            onPointerUp={addRasterLayer}
           >
             {t('controlLayers.rasterLayer')}
           </Button>
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasAlerts/CanvasAlertsSendingTo.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasAlerts/CanvasAlertsSendingTo.tsx
index 67df7ee3a1..7291e8f847 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasAlerts/CanvasAlertsSendingTo.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasAlerts/CanvasAlertsSendingTo.tsx
@@ -17,12 +17,12 @@ import { Trans, useTranslation } from 'react-i18next';
 
 const ActivateImageViewerButton = (props: PropsWithChildren) => {
   const imageViewer = useImageViewer();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     imageViewer.open();
     selectCanvasRightPanelGalleryTab();
   }, [imageViewer]);
   return (
-    <Button onClick={onClick} size="sm" variant="link" color="base.50">
+    <Button onPointerUp={onPointerUp} size="sm" variant="link" color="base.50">
       {props.children}
     </Button>
   );
@@ -58,13 +58,13 @@ export const CanvasAlertsSendingToGallery = () => {
 const ActivateCanvasButton = (props: PropsWithChildren) => {
   const dispatch = useAppDispatch();
   const imageViewer = useImageViewer();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(setActiveTab('canvas'));
     selectCanvasRightPanelLayersTab();
     imageViewer.close();
   }, [dispatch, imageViewer]);
   return (
-    <Button onClick={onClick} size="sm" variant="link" color="base.50">
+    <Button onPointerUp={onPointerUp} size="sm" variant="link" color="base.50">
       {props.children}
     </Button>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasContextMenu/CanvasContextMenuGlobalMenuItems.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasContextMenu/CanvasContextMenuGlobalMenuItems.tsx
index c66257320c..1280b886f2 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasContextMenu/CanvasContextMenuGlobalMenuItems.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasContextMenu/CanvasContextMenuGlobalMenuItems.tsx
@@ -30,24 +30,24 @@ export const CanvasContextMenuGlobalMenuItems = memo(() => {
         <CanvasContextMenuItemsCropCanvasToBbox />
       </MenuGroup>
       <MenuGroup title={t('controlLayers.canvasContextMenu.saveToGalleryGroup')}>
-        <MenuItem icon={<PiFloppyDiskBold />} isDisabled={isBusy} onClick={saveCanvasToGallery}>
+        <MenuItem icon={<PiFloppyDiskBold />} isDisabled={isBusy} onPointerUp={saveCanvasToGallery}>
           {t('controlLayers.canvasContextMenu.saveCanvasToGallery')}
         </MenuItem>
-        <MenuItem icon={<PiFloppyDiskBold />} isDisabled={isBusy} onClick={saveBboxToGallery}>
+        <MenuItem icon={<PiFloppyDiskBold />} isDisabled={isBusy} onPointerUp={saveBboxToGallery}>
           {t('controlLayers.canvasContextMenu.saveBboxToGallery')}
         </MenuItem>
       </MenuGroup>
       <MenuGroup title={t('controlLayers.canvasContextMenu.bboxGroup')}>
-        <MenuItem icon={<NewLayerIcon />} isDisabled={isBusy} onClick={newGlobalReferenceImageFromBbox}>
+        <MenuItem icon={<NewLayerIcon />} isDisabled={isBusy} onPointerUp={newGlobalReferenceImageFromBbox}>
           {t('controlLayers.canvasContextMenu.newGlobalReferenceImage')}
         </MenuItem>
-        <MenuItem icon={<NewLayerIcon />} isDisabled={isBusy} onClick={newRegionalReferenceImageFromBbox}>
+        <MenuItem icon={<NewLayerIcon />} isDisabled={isBusy} onPointerUp={newRegionalReferenceImageFromBbox}>
           {t('controlLayers.canvasContextMenu.newRegionalReferenceImage')}
         </MenuItem>
-        <MenuItem icon={<NewLayerIcon />} isDisabled={isBusy} onClick={newControlLayerFromBbox}>
+        <MenuItem icon={<NewLayerIcon />} isDisabled={isBusy} onPointerUp={newControlLayerFromBbox}>
           {t('controlLayers.canvasContextMenu.newControlLayer')}
         </MenuItem>
-        <MenuItem icon={<NewLayerIcon />} isDisabled={isBusy} onClick={newRasterLayerFromBbox}>
+        <MenuItem icon={<NewLayerIcon />} isDisabled={isBusy} onPointerUp={newRasterLayerFromBbox}>
           {t('controlLayers.canvasContextMenu.newRasterLayer')}
         </MenuItem>
       </MenuGroup>
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasContextMenu/CanvasContextMenuItemsCropCanvasToBbox.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasContextMenu/CanvasContextMenuItemsCropCanvasToBbox.tsx
index 5f034ed797..e8bbd39a6b 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasContextMenu/CanvasContextMenuItemsCropCanvasToBbox.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasContextMenu/CanvasContextMenuItemsCropCanvasToBbox.tsx
@@ -17,7 +17,7 @@ export const CanvasContextMenuItemsCropCanvasToBbox = memo(() => {
   }, [canvasManager]);
 
   return (
-    <MenuItem icon={<PiCropBold />} isDisabled={isBusy} onClick={cropCanvasToBbox}>
+    <MenuItem icon={<PiCropBold />} isDisabled={isBusy} onPointerUp={cropCanvasToBbox}>
       {t('controlLayers.canvasContextMenu.cropCanvasToBbox')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx
index a98773e7f4..091f29a08a 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListGlobalActionBarAddLayerMenu.tsx
@@ -40,26 +40,26 @@ export const EntityListGlobalActionBarAddLayerMenu = memo(() => {
       />
       <MenuList>
         <MenuGroup title={t('controlLayers.global')}>
-          <MenuItem icon={<PiPlusBold />} onClick={addGlobalReferenceImage} isDisabled={isFLUX}>
+          <MenuItem icon={<PiPlusBold />} onPointerUp={addGlobalReferenceImage} isDisabled={isFLUX}>
             {t('controlLayers.globalReferenceImage')}
           </MenuItem>
         </MenuGroup>
         <MenuGroup title={t('controlLayers.regional')}>
-          <MenuItem icon={<PiPlusBold />} onClick={addInpaintMask}>
+          <MenuItem icon={<PiPlusBold />} onPointerUp={addInpaintMask}>
             {t('controlLayers.inpaintMask')}
           </MenuItem>
-          <MenuItem icon={<PiPlusBold />} onClick={addRegionalGuidance} isDisabled={isFLUX}>
+          <MenuItem icon={<PiPlusBold />} onPointerUp={addRegionalGuidance} isDisabled={isFLUX}>
             {t('controlLayers.regionalGuidance')}
           </MenuItem>
-          <MenuItem icon={<PiPlusBold />} onClick={addRegionalReferenceImage} isDisabled={isFLUX}>
+          <MenuItem icon={<PiPlusBold />} onPointerUp={addRegionalReferenceImage} isDisabled={isFLUX}>
             {t('controlLayers.regionalReferenceImage')}
           </MenuItem>
         </MenuGroup>
         <MenuGroup title={t('controlLayers.layer_other')}>
-          <MenuItem icon={<PiPlusBold />} onClick={addControlLayer} isDisabled={isFLUX}>
+          <MenuItem icon={<PiPlusBold />} onPointerUp={addControlLayer} isDisabled={isFLUX}>
             {t('controlLayers.controlLayer')}
           </MenuItem>
-          <MenuItem icon={<PiPlusBold />} onClick={addRasterLayer}>
+          <MenuItem icon={<PiPlusBold />} onPointerUp={addRasterLayer}>
             {t('controlLayers.rasterLayer')}
           </MenuItem>
         </MenuGroup>
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarDuplicateButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarDuplicateButton.tsx
index 977d027b99..a9368ba7d8 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarDuplicateButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarDuplicateButton.tsx
@@ -12,7 +12,7 @@ export const EntityListSelectedEntityActionBarDuplicateButton = memo(() => {
   const dispatch = useAppDispatch();
   const isBusy = useCanvasIsBusy();
   const selectedEntityIdentifier = useAppSelector(selectSelectedEntityIdentifier);
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     if (!selectedEntityIdentifier) {
       return;
     }
@@ -21,7 +21,7 @@ export const EntityListSelectedEntityActionBarDuplicateButton = memo(() => {
 
   return (
     <IconButton
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       isDisabled={!selectedEntityIdentifier || isBusy}
       size="sm"
       variant="link"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarFilterButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarFilterButton.tsx
index 5daf6529e5..9b92963312 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarFilterButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarFilterButton.tsx
@@ -22,7 +22,7 @@ export const EntityListSelectedEntityActionBarFilterButton = memo(() => {
 
   return (
     <IconButton
-      onClick={filter.start}
+      onPointerUp={filter.start}
       isDisabled={filter.isDisabled}
       size="sm"
       variant="link"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarSaveToAssetsButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarSaveToAssetsButton.tsx
index eb4319f04b..b10b36fef2 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarSaveToAssetsButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarSaveToAssetsButton.tsx
@@ -15,7 +15,7 @@ export const EntityListSelectedEntityActionBarSaveToAssetsButton = memo(() => {
   const selectedEntityIdentifier = useAppSelector(selectSelectedEntityIdentifier);
   const adapter = useEntityAdapterSafe(selectedEntityIdentifier);
   const saveLayerToAssets = useSaveLayerToAssets();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     saveLayerToAssets(adapter);
   }, [saveLayerToAssets, adapter]);
 
@@ -29,7 +29,7 @@ export const EntityListSelectedEntityActionBarSaveToAssetsButton = memo(() => {
 
   return (
     <IconButton
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       isDisabled={!selectedEntityIdentifier || isBusy}
       size="sm"
       variant="link"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarTransformButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarTransformButton.tsx
index 6b8942fb37..9b60673852 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarTransformButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasEntityList/EntityListSelectedEntityActionBarTransformButton.tsx
@@ -22,7 +22,7 @@ export const EntityListSelectedEntityActionBarTransformButton = memo(() => {
 
   return (
     <IconButton
-      onClick={transform.start}
+      onPointerUp={transform.start}
       isDisabled={transform.isDisabled}
       size="sm"
       variant="link"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/CanvasRightPanel.tsx b/invokeai/frontend/web/src/features/controlLayers/components/CanvasRightPanel.tsx
index d77fdb1a72..8021ca32db 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/CanvasRightPanel.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/CanvasRightPanel.tsx
@@ -20,7 +20,7 @@ export const CanvasRightPanel = memo(() => {
   const { t } = useTranslation();
   const tabIndex = useStore($canvasRightPanelTabIndex);
   const imageViewer = useImageViewer();
-  const onClickViewerToggleButton = useCallback(() => {
+  const onPointerUpViewerToggleButton = useCallback(() => {
     if ($canvasRightPanelTabIndex.get() !== 1) {
       $canvasRightPanelTabIndex.set(1);
     }
@@ -38,7 +38,7 @@ export const CanvasRightPanel = memo(() => {
       <TabList alignItems="center">
         <PanelTabs />
         <Spacer />
-        <Button size="sm" variant="ghost" onClick={onClickViewerToggleButton}>
+        <Button size="sm" variant="ghost" onPointerUp={onPointerUpViewerToggleButton}>
           {imageViewer.isOpen ? t('gallery.closeViewer') : t('gallery.openViewer')}
         </Button>
       </TabList>
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerControlAdapter.tsx b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerControlAdapter.tsx
index 4d324f6599..f2a06d55a3 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerControlAdapter.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerControlAdapter.tsx
@@ -84,7 +84,7 @@ export const ControlLayerControlAdapter = memo(() => {
       <Flex w="full" gap={2}>
         <ControlLayerControlAdapterModel modelKey={controlAdapter.model?.key ?? null} onChange={onChangeModel} />
         <IconButton
-          onClick={filter.start}
+          onPointerUp={filter.start}
           isDisabled={filter.isDisabled}
           size="sm"
           alignSelf="stretch"
@@ -94,7 +94,7 @@ export const ControlLayerControlAdapter = memo(() => {
           icon={<PiShootingStarBold />}
         />
         <IconButton
-          onClick={pullBboxIntoLayer}
+          onPointerUp={pullBboxIntoLayer}
           isDisabled={isBusy}
           size="sm"
           alignSelf="stretch"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItemsConvertControlToRaster.tsx b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItemsConvertControlToRaster.tsx
index 323e8e9bfb..2c50a7ea60 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItemsConvertControlToRaster.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItemsConvertControlToRaster.tsx
@@ -18,7 +18,7 @@ export const ControlLayerMenuItemsConvertControlToRaster = memo(() => {
   }, [dispatch, entityIdentifier]);
 
   return (
-    <MenuItem onClick={convertControlLayerToRasterLayer} icon={<PiLightningBold />} isDisabled={!isInteractable}>
+    <MenuItem onPointerUp={convertControlLayerToRasterLayer} icon={<PiLightningBold />} isDisabled={!isInteractable}>
       {t('controlLayers.convertToRasterLayer')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItemsTransparencyEffect.tsx b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItemsTransparencyEffect.tsx
index 2875774d75..3e25988c15 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItemsTransparencyEffect.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/ControlLayer/ControlLayerMenuItemsTransparencyEffect.tsx
@@ -28,7 +28,7 @@ export const ControlLayerMenuItemsTransparencyEffect = memo(() => {
   }, [dispatch, entityIdentifier]);
 
   return (
-    <MenuItem onClick={onToggle} icon={<PiDropHalfBold />} isDisabled={!isInteractable}>
+    <MenuItem onPointerUp={onToggle} icon={<PiDropHalfBold />} isDisabled={!isInteractable}>
       {withTransparencyEffect
         ? t('controlLayers.disableTransparencyEffect')
         : t('controlLayers.enableTransparencyEffect')}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Filters/Filter.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Filters/Filter.tsx
index 484fdfd9e9..a1bde92693 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Filters/Filter.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Filters/Filter.tsx
@@ -109,7 +109,7 @@ const FilterContent = memo(
           <Button
             variant="ghost"
             leftIcon={<PiShootingStarBold />}
-            onClick={adapter.filterer.processImmediate}
+            onPointerUp={adapter.filterer.processImmediate}
             isLoading={isProcessing}
             loadingText={t('controlLayers.filter.process')}
             isDisabled={!isValid || autoProcessFilter}
@@ -119,7 +119,7 @@ const FilterContent = memo(
           <Spacer />
           <Button
             leftIcon={<PiArrowsCounterClockwiseBold />}
-            onClick={adapter.filterer.reset}
+            onPointerUp={adapter.filterer.reset}
             isLoading={isProcessing}
             loadingText={t('controlLayers.filter.reset')}
             variant="ghost"
@@ -129,7 +129,7 @@ const FilterContent = memo(
           <Button
             variant="ghost"
             leftIcon={<PiCheckBold />}
-            onClick={adapter.filterer.apply}
+            onPointerUp={adapter.filterer.apply}
             isLoading={isProcessing}
             loadingText={t('controlLayers.filter.apply')}
             isDisabled={!isValid || !hasProcessed}
@@ -139,7 +139,7 @@ const FilterContent = memo(
           <Button
             variant="ghost"
             leftIcon={<PiXBold />}
-            onClick={adapter.filterer.cancel}
+            onPointerUp={adapter.filterer.cancel}
             loadingText={t('controlLayers.filter.cancel')}
           >
             {t('controlLayers.filter.cancel')}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/IPAdapter/IPAdapterImagePreview.tsx b/invokeai/frontend/web/src/features/controlLayers/components/IPAdapter/IPAdapterImagePreview.tsx
index b310b06589..a00791336a 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/IPAdapter/IPAdapterImagePreview.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/IPAdapter/IPAdapterImagePreview.tsx
@@ -60,7 +60,7 @@ export const IPAdapterImagePreview = memo(({ image, onChangeImage, droppableData
       {controlImage && (
         <Flex position="absolute" flexDir="column" top={2} insetInlineEnd={2} gap={1}>
           <IAIDndImageIcon
-            onClick={handleResetControlImage}
+            onPointerUp={handleResetControlImage}
             icon={<PiArrowCounterClockwiseBold size={16} />}
             tooltip={t('common.reset')}
           />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/IPAdapter/IPAdapterSettings.tsx b/invokeai/frontend/web/src/features/controlLayers/components/IPAdapter/IPAdapterSettings.tsx
index 32209af39c..662b05ea36 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/IPAdapter/IPAdapterSettings.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/IPAdapter/IPAdapterSettings.tsx
@@ -103,7 +103,7 @@ export const IPAdapterSettings = memo(() => {
             />
           </Box>
           <IconButton
-            onClick={pullBboxIntoIPAdapter}
+            onPointerUp={pullBboxIntoIPAdapter}
             isDisabled={isBusy}
             variant="ghost"
             aria-label={t('controlLayers.pullBboxIntoReferenceImage')}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerMenuItemsConvertRasterToControl.tsx b/invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerMenuItemsConvertRasterToControl.tsx
index e84f427f57..943e0efbcf 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerMenuItemsConvertRasterToControl.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/RasterLayer/RasterLayerMenuItemsConvertRasterToControl.tsx
@@ -15,7 +15,7 @@ export const RasterLayerMenuItemsConvertRasterToControl = memo(() => {
   const defaultControlAdapter = useAppSelector(selectDefaultControlAdapter);
   const isInteractable = useIsEntityInteractable(entityIdentifier);
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(
       rasterLayerConvertedToControlLayer({
         entityIdentifier,
@@ -27,7 +27,7 @@ export const RasterLayerMenuItemsConvertRasterToControl = memo(() => {
   }, [defaultControlAdapter, dispatch, entityIdentifier]);
 
   return (
-    <MenuItem onClick={onClick} icon={<PiLightningBold />} isDisabled={!isInteractable}>
+    <MenuItem onPointerUp={onPointerUp} icon={<PiLightningBold />} isDisabled={!isInteractable}>
       {t('controlLayers.convertToControlLayer')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceAddPromptsIPAdapterButtons.tsx b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceAddPromptsIPAdapterButtons.tsx
index 059135b507..5841ea2ce5 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceAddPromptsIPAdapterButtons.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceAddPromptsIPAdapterButtons.tsx
@@ -30,7 +30,7 @@ export const RegionalGuidanceAddPromptsIPAdapterButtons = () => {
         size="sm"
         variant="ghost"
         leftIcon={<PiPlusBold />}
-        onClick={addRegionalGuidancePositivePrompt}
+        onPointerUp={addRegionalGuidancePositivePrompt}
         isDisabled={!validActions.canAddPositivePrompt}
       >
         {t('controlLayers.prompt')}
@@ -39,12 +39,12 @@ export const RegionalGuidanceAddPromptsIPAdapterButtons = () => {
         size="sm"
         variant="ghost"
         leftIcon={<PiPlusBold />}
-        onClick={addRegionalGuidanceNegativePrompt}
+        onPointerUp={addRegionalGuidanceNegativePrompt}
         isDisabled={!validActions.canAddNegativePrompt}
       >
         {t('controlLayers.negativePrompt')}
       </Button>
-      <Button size="sm" variant="ghost" leftIcon={<PiPlusBold />} onClick={addRegionalGuidanceIPAdapter}>
+      <Button size="sm" variant="ghost" leftIcon={<PiPlusBold />} onPointerUp={addRegionalGuidanceIPAdapter}>
         {t('controlLayers.referenceImage')}
       </Button>
     </Flex>
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceDeletePromptButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceDeletePromptButton.tsx
index 2fc7483756..182382082f 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceDeletePromptButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceDeletePromptButton.tsx
@@ -15,7 +15,7 @@ export const RegionalGuidanceDeletePromptButton = memo(({ onDelete }: Props) =>
         variant="link"
         aria-label={t('controlLayers.deletePrompt')}
         icon={<PiTrashSimpleFill />}
-        onClick={onDelete}
+        onPointerUp={onDelete}
         flexGrow={0}
         size="sm"
         p={0}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceIPAdapterSettings.tsx b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceIPAdapterSettings.tsx
index e6c6f292a3..f946d0c2de 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceIPAdapterSettings.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceIPAdapterSettings.tsx
@@ -120,7 +120,7 @@ export const RegionalGuidanceIPAdapterSettings = memo(({ referenceImageId }: Pro
           icon={<PiTrashSimpleFill />}
           tooltip={t('controlLayers.deleteReferenceImage')}
           aria-label={t('controlLayers.deleteReferenceImage')}
-          onClick={onDeleteIPAdapter}
+          onPointerUp={onDeleteIPAdapter}
           colorScheme="error"
         />
       </Flex>
@@ -135,7 +135,7 @@ export const RegionalGuidanceIPAdapterSettings = memo(({ referenceImageId }: Pro
             />
           </Box>
           <IconButton
-            onClick={pullBboxIntoIPAdapter}
+            onPointerUp={pullBboxIntoIPAdapter}
             isDisabled={isBusy}
             variant="ghost"
             aria-label={t('controlLayers.pullBboxIntoReferenceImage')}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAddPromptsAndIPAdapter.tsx b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAddPromptsAndIPAdapter.tsx
index ecf40338ad..cbfa1f443b 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAddPromptsAndIPAdapter.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAddPromptsAndIPAdapter.tsx
@@ -26,13 +26,13 @@ export const RegionalGuidanceMenuItemsAddPromptsAndIPAdapter = memo(() => {
 
   return (
     <>
-      <MenuItem onClick={addRegionalGuidancePositivePrompt} isDisabled={!validActions.canAddPositivePrompt || isBusy}>
+      <MenuItem onPointerUp={addRegionalGuidancePositivePrompt} isDisabled={!validActions.canAddPositivePrompt || isBusy}>
         {t('controlLayers.addPositivePrompt')}
       </MenuItem>
-      <MenuItem onClick={addRegionalGuidanceNegativePrompt} isDisabled={!validActions.canAddNegativePrompt || isBusy}>
+      <MenuItem onPointerUp={addRegionalGuidanceNegativePrompt} isDisabled={!validActions.canAddNegativePrompt || isBusy}>
         {t('controlLayers.addNegativePrompt')}
       </MenuItem>
-      <MenuItem onClick={addRegionalGuidanceIPAdapter} isDisabled={isBusy}>
+      <MenuItem onPointerUp={addRegionalGuidanceIPAdapter} isDisabled={isBusy}>
         {t('controlLayers.addReferenceImage')}
       </MenuItem>
     </>
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAutoNegative.tsx b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAutoNegative.tsx
index 0cd3480fd9..0fd54f0b14 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAutoNegative.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/RegionalGuidance/RegionalGuidanceMenuItemsAutoNegative.tsx
@@ -17,12 +17,12 @@ export const RegionalGuidanceMenuItemsAutoNegative = memo(() => {
     [entityIdentifier]
   );
   const autoNegative = useAppSelector(selectAutoNegative);
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(rgAutoNegativeToggled({ entityIdentifier }));
   }, [dispatch, entityIdentifier]);
 
   return (
-    <MenuItem icon={<PiSelectionInverseBold />} onClick={onClick}>
+    <MenuItem icon={<PiSelectionInverseBold />} onPointerUp={onPointerUp}>
       {autoNegative ? t('controlLayers.disableAutoNegative') : t('controlLayers.enableAutoNegative')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsClearCachesButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsClearCachesButton.tsx
index a3fd6c7317..ba47fcc577 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsClearCachesButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsClearCachesButton.tsx
@@ -10,7 +10,7 @@ export const CanvasSettingsClearCachesButton = memo(() => {
     canvasManager.cache.clearAll();
   }, [canvasManager]);
   return (
-    <Button onClick={clearCaches} size="sm" colorScheme="warning">
+    <Button onPointerUp={clearCaches} size="sm" colorScheme="warning">
       {t('controlLayers.clearCaches')}
     </Button>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsClearHistoryButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsClearHistoryButton.tsx
index 2e11898986..5ade75d3a2 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsClearHistoryButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsClearHistoryButton.tsx
@@ -7,11 +7,11 @@ import { useTranslation } from 'react-i18next';
 export const CanvasSettingsClearHistoryButton = memo(() => {
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(canvasClearHistory());
   }, [dispatch]);
   return (
-    <Button onClick={onClick} size="sm">
+    <Button onPointerUp={onPointerUp} size="sm">
       {t('controlLayers.clearHistory')}
     </Button>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsLogDebugInfo.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsLogDebugInfo.tsx
index 01323b2fa3..feb77f293e 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsLogDebugInfo.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsLogDebugInfo.tsx
@@ -6,11 +6,11 @@ import { useTranslation } from 'react-i18next';
 export const CanvasSettingsLogDebugInfoButton = memo(() => {
   const { t } = useTranslation();
   const canvasManager = useCanvasManager();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     canvasManager.logDebugInfo();
   }, [canvasManager]);
   return (
-    <Button onClick={onClick} size="sm">
+    <Button onPointerUp={onPointerUp} size="sm">
       {t('controlLayers.logDebugInfo')}
     </Button>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsRecalculateRectsButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsRecalculateRectsButton.tsx
index 2eee581392..a3175aaf4d 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsRecalculateRectsButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Settings/CanvasSettingsRecalculateRectsButton.tsx
@@ -6,14 +6,14 @@ import { useTranslation } from 'react-i18next';
 export const CanvasSettingsRecalculateRectsButton = memo(() => {
   const { t } = useTranslation();
   const canvasManager = useCanvasManager();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     for (const adapter of canvasManager.getAllAdapters()) {
       adapter.transformer.requestRectCalculation();
     }
   }, [canvasManager]);
 
   return (
-    <Button onClick={onClick} size="sm" colorScheme="warning">
+    <Button onPointerUp={onPointerUp} size="sm" colorScheme="warning">
       {t('controlLayers.recalculateRects')}
     </Button>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarAcceptButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarAcceptButton.tsx
index 7d01422854..e8e60dbf4b 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarAcceptButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarAcceptButton.tsx
@@ -60,7 +60,7 @@ export const StagingAreaToolbarAcceptButton = memo(() => {
       tooltip={`${t('common.accept')} (Enter)`}
       aria-label={`${t('common.accept')} (Enter)`}
       icon={<PiCheckBold />}
-      onClick={acceptSelected}
+      onPointerUp={acceptSelected}
       colorScheme="invokeBlue"
       isDisabled={!selectedImage}
     />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarDiscardAllButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarDiscardAllButton.tsx
index ee038c075e..2813f6c0e8 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarDiscardAllButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarDiscardAllButton.tsx
@@ -18,7 +18,7 @@ export const StagingAreaToolbarDiscardAllButton = memo(() => {
       tooltip={`${t('controlLayers.stagingArea.discardAll')} (Esc)`}
       aria-label={t('controlLayers.stagingArea.discardAll')}
       icon={<PiTrashSimpleBold />}
-      onClick={discardAll}
+      onPointerUp={discardAll}
       colorScheme="error"
       fontSize={16}
     />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarDiscardSelectedButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarDiscardSelectedButton.tsx
index 4616f75282..4b13bc4c9e 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarDiscardSelectedButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarDiscardSelectedButton.tsx
@@ -35,7 +35,7 @@ export const StagingAreaToolbarDiscardSelectedButton = memo(() => {
       tooltip={t('controlLayers.stagingArea.discard')}
       aria-label={t('controlLayers.stagingArea.discard')}
       icon={<PiXBold />}
-      onClick={discardSelected}
+      onPointerUp={discardSelected}
       colorScheme="invokeBlue"
       fontSize={16}
       isDisabled={!selectedImage}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarNextButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarNextButton.tsx
index 3809601a62..ca0239e7ae 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarNextButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarNextButton.tsx
@@ -40,7 +40,7 @@ export const StagingAreaToolbarNextButton = memo(() => {
       tooltip={`${t('controlLayers.stagingArea.next')} (Right)`}
       aria-label={`${t('controlLayers.stagingArea.next')} (Right)`}
       icon={<PiArrowRightBold />}
-      onClick={selectNext}
+      onPointerUp={selectNext}
       colorScheme="invokeBlue"
       isDisabled={imageCount <= 1 || !shouldShowStagedImage}
     />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarPrevButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarPrevButton.tsx
index 3d064abc2f..066a158cfc 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarPrevButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarPrevButton.tsx
@@ -40,7 +40,7 @@ export const StagingAreaToolbarPrevButton = memo(() => {
       tooltip={`${t('controlLayers.stagingArea.previous')} (Left)`}
       aria-label={`${t('controlLayers.stagingArea.previous')} (Left)`}
       icon={<PiArrowLeftBold />}
-      onClick={selectPrev}
+      onPointerUp={selectPrev}
       colorScheme="invokeBlue"
       isDisabled={imageCount <= 1 || !shouldShowStagedImage}
     />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarSaveSelectedToGalleryButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarSaveSelectedToGalleryButton.tsx
index 5a88f1dd5a..3ee0697ab5 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarSaveSelectedToGalleryButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarSaveSelectedToGalleryButton.tsx
@@ -40,7 +40,7 @@ export const StagingAreaToolbarSaveSelectedToGalleryButton = memo(() => {
       tooltip={t('controlLayers.stagingArea.saveToGallery')}
       aria-label={t('controlLayers.stagingArea.saveToGallery')}
       icon={<PiFloppyDiskBold />}
-      onClick={saveSelectedImageToGallery}
+      onPointerUp={saveSelectedImageToGallery}
       colorScheme="invokeBlue"
       isDisabled={!selectedImage || !selectedImage.imageDTO.is_intermediate}
     />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarToggleShowResultsButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarToggleShowResultsButton.tsx
index ce1b3227fd..bb1e1e5ab5 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarToggleShowResultsButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/StagingArea/StagingAreaToolbarToggleShowResultsButton.tsx
@@ -29,7 +29,7 @@ export const StagingAreaToolbarToggleShowResultsButton = memo(() => {
       }
       data-alert={!shouldShowStagedImage}
       icon={shouldShowStagedImage ? <PiEyeBold /> : <PiEyeSlashBold />}
-      onClick={toggleShowResults}
+      onPointerUp={toggleShowResults}
       colorScheme="invokeBlue"
     />
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolBboxButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolBboxButton.tsx
index 4796092faf..2a4d8f8d8f 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolBboxButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolBboxButton.tsx
@@ -27,7 +27,7 @@ export const ToolBboxButton = memo(() => {
         icon={<PiBoundingBoxBold />}
         colorScheme={isSelected ? 'invokeBlue' : 'base'}
         variant="solid"
-        onClick={selectBbox}
+        onPointerUp={selectBbox}
       />
     </Tooltip>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolBrushButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolBrushButton.tsx
index d9afdb18f5..3e2824ee10 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolBrushButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolBrushButton.tsx
@@ -27,7 +27,7 @@ export const ToolBrushButton = memo(() => {
         icon={<PiPaintBrushBold />}
         colorScheme={isSelected ? 'invokeBlue' : 'base'}
         variant="solid"
-        onClick={selectBrush}
+        onPointerUp={selectBrush}
       />
     </Tooltip>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolColorPickerButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolColorPickerButton.tsx
index 1f48b2ee72..40f70efc3d 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolColorPickerButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolColorPickerButton.tsx
@@ -27,7 +27,7 @@ export const ToolColorPickerButton = memo(() => {
         icon={<PiEyedropperBold />}
         colorScheme={isSelected ? 'invokeBlue' : 'base'}
         variant="solid"
-        onClick={selectColorPicker}
+        onPointerUp={selectColorPicker}
       />
     </Tooltip>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolEraserButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolEraserButton.tsx
index 8257523367..4e1994e14c 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolEraserButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolEraserButton.tsx
@@ -27,7 +27,7 @@ export const ToolEraserButton = memo(() => {
         icon={<PiEraserBold />}
         colorScheme={isSelected ? 'invokeBlue' : 'base'}
         variant="solid"
-        onClick={selectEraser}
+        onPointerUp={selectEraser}
       />
     </Tooltip>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolMoveButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolMoveButton.tsx
index 63cbbbce8f..d7d8a465f3 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolMoveButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolMoveButton.tsx
@@ -27,7 +27,7 @@ export const ToolMoveButton = memo(() => {
         icon={<PiCursorBold />}
         colorScheme={isSelected ? 'invokeBlue' : 'base'}
         variant="solid"
-        onClick={selectMove}
+        onPointerUp={selectMove}
       />
     </Tooltip>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolRectButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolRectButton.tsx
index 6e9251c1ef..2ed56a160b 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolRectButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolRectButton.tsx
@@ -27,7 +27,7 @@ export const ToolRectButton = memo(() => {
         icon={<PiRectangleBold />}
         colorScheme={isSelected ? 'invokeBlue' : 'base'}
         variant="solid"
-        onClick={selectRect}
+        onPointerUp={selectRect}
       />
     </Tooltip>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolViewButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolViewButton.tsx
index f58e66b91c..8b54515678 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolViewButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Tool/ToolViewButton.tsx
@@ -27,7 +27,7 @@ export const ToolViewButton = memo(() => {
         icon={<PiHandBold />}
         colorScheme={isSelected ? 'invokeBlue' : 'base'}
         variant="solid"
-        onClick={selectView}
+        onPointerUp={selectView}
       />
     </Tooltip>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarFitBboxToLayersButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarFitBboxToLayersButton.tsx
index 2ac69f260e..b641c6a41e 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarFitBboxToLayersButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarFitBboxToLayersButton.tsx
@@ -9,13 +9,13 @@ export const CanvasToolbarFitBboxToLayersButton = memo(() => {
   const { t } = useTranslation();
   const canvasManager = useCanvasManager();
   const isBusy = useCanvasIsBusy();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     canvasManager.bbox.fitToLayers();
   }, [canvasManager.bbox]);
 
   return (
     <IconButton
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       variant="link"
       alignSelf="stretch"
       aria-label={t('controlLayers.fitBboxToLayers')}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarRedoButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarRedoButton.tsx
index 729eaca1ed..840d9a7b56 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarRedoButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarRedoButton.tsx
@@ -12,7 +12,7 @@ export const CanvasToolbarRedoButton = memo(() => {
   const dispatch = useAppDispatch();
   const isBusy = useCanvasIsBusy();
   const mayRedo = useAppSelector(selectCanvasMayRedo);
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(canvasRedo());
   }, [dispatch]);
 
@@ -20,7 +20,7 @@ export const CanvasToolbarRedoButton = memo(() => {
     <IconButton
       aria-label={t('hotkeys.canvas.redo.title')}
       tooltip={t('hotkeys.canvas.redo.title')}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       icon={<PiArrowClockwiseBold />}
       variant="link"
       alignSelf="stretch"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarResetCanvasButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarResetCanvasButton.tsx
index 5eb7bc603e..754057d3b6 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarResetCanvasButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarResetCanvasButton.tsx
@@ -10,7 +10,7 @@ export const CanvasToolbarResetCanvasButton = memo(() => {
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
   const canvasManager = useCanvasManager();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(canvasReset());
     canvasManager.stage.fitLayersToStage();
   }, [canvasManager.stage, dispatch]);
@@ -18,7 +18,7 @@ export const CanvasToolbarResetCanvasButton = memo(() => {
     <IconButton
       aria-label={t('controlLayers.resetCanvas')}
       tooltip={t('controlLayers.resetCanvas')}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       colorScheme="error"
       icon={<PiTrashBold />}
       variant="link"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarResetViewButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarResetViewButton.tsx
index 88aae8a2ba..849524232d 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarResetViewButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarResetViewButton.tsx
@@ -60,7 +60,7 @@ export const CanvasToolbarResetViewButton = memo(() => {
     <IconButton
       tooltip={t('hotkeys.canvas.fitLayersToCanvas.title')}
       aria-label={t('hotkeys.canvas.fitLayersToCanvas.title')}
-      onClick={canvasManager.stage.fitLayersToStage}
+      onPointerUp={canvasManager.stage.fitLayersToStage}
       icon={<PiArrowsOutBold />}
       variant="link"
       alignSelf="stretch"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarSaveToGalleryButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarSaveToGalleryButton.tsx
index 58dcfc0f1c..54302cd744 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarSaveToGalleryButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarSaveToGalleryButton.tsx
@@ -16,7 +16,7 @@ export const CanvasToolbarSaveToGalleryButton = memo(() => {
     <IconButton
       variant="link"
       alignSelf="stretch"
-      onClick={shift ? saveBboxToGallery : saveCanvasToGallery}
+      onPointerUp={shift ? saveBboxToGallery : saveCanvasToGallery}
       icon={<PiFloppyDiskBold />}
       aria-label={shift ? t('controlLayers.saveBboxToGallery') : t('controlLayers.saveCanvasToGallery')}
       tooltip={shift ? t('controlLayers.saveBboxToGallery') : t('controlLayers.saveCanvasToGallery')}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarScale.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarScale.tsx
index 7c002f5b4f..7bd1472236 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarScale.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarScale.tsx
@@ -174,7 +174,7 @@ const SCALE_SNAPS = [0.1, 0.15, 0.2, 0.25, 0.5, 0.75, 1, 1.5, 2, 2.5, 5, 7.5, 10
 const ZoomOutButton = () => {
   const canvasManager = useCanvasManager();
   const scale = useStore(computed(canvasManager.stage.$stageAttrs, (attrs) => attrs.scale));
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     const nextScale =
       SCALE_SNAPS.slice()
         .reverse()
@@ -184,7 +184,7 @@ const ZoomOutButton = () => {
 
   return (
     <IconButton
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       icon={<PiMagnifyingGlassMinusBold />}
       aria-label="Zoom out"
       variant="link"
@@ -197,14 +197,14 @@ const ZoomOutButton = () => {
 const ZoomInButton = () => {
   const canvasManager = useCanvasManager();
   const scale = useStore(computed(canvasManager.stage.$stageAttrs, (attrs) => attrs.scale));
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     const nextScale = SCALE_SNAPS.find((snap) => snap > scale) ?? canvasManager.stage.config.MAX_SCALE;
     canvasManager.stage.setScale(Math.min(nextScale, canvasManager.stage.config.MAX_SCALE));
   }, [canvasManager.stage, scale]);
 
   return (
     <IconButton
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       icon={<PiMagnifyingGlassPlusBold />}
       aria-label="Zoom out"
       variant="link"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarUndoButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarUndoButton.tsx
index 7a884013f0..a420dec8db 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarUndoButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Toolbar/CanvasToolbarUndoButton.tsx
@@ -12,7 +12,7 @@ export const CanvasToolbarUndoButton = memo(() => {
   const dispatch = useAppDispatch();
   const isBusy = useCanvasIsBusy();
   const mayUndo = useAppSelector(selectCanvasMayUndo);
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(canvasUndo());
   }, [dispatch]);
 
@@ -20,7 +20,7 @@ export const CanvasToolbarUndoButton = memo(() => {
     <IconButton
       aria-label={t('hotkeys.canvas.undo.title')}
       tooltip={t('hotkeys.canvas.undo.title')}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       icon={<PiArrowCounterClockwiseBold />}
       variant="link"
       alignSelf="stretch"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/Transform/Transform.tsx b/invokeai/frontend/web/src/features/controlLayers/components/Transform/Transform.tsx
index 8bcbf4620c..1887d3e1a5 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/Transform/Transform.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/Transform/Transform.tsx
@@ -68,7 +68,7 @@ const TransformContent = memo(({ adapter }: { adapter: CanvasEntityAdapter }) =>
       <ButtonGroup isAttached={false} size="sm" w="full">
         <Button
           leftIcon={<PiArrowsOutBold />}
-          onClick={adapter.transformer.fitProxyRectToBbox}
+          onPointerUp={adapter.transformer.fitProxyRectToBbox}
           isLoading={isProcessing}
           loadingText={t('controlLayers.transform.fitToBbox')}
           variant="ghost"
@@ -78,7 +78,7 @@ const TransformContent = memo(({ adapter }: { adapter: CanvasEntityAdapter }) =>
         <Spacer />
         <Button
           leftIcon={<PiArrowsCounterClockwiseBold />}
-          onClick={adapter.transformer.resetTransform}
+          onPointerUp={adapter.transformer.resetTransform}
           isLoading={isProcessing}
           loadingText={t('controlLayers.transform.reset')}
           variant="ghost"
@@ -87,7 +87,7 @@ const TransformContent = memo(({ adapter }: { adapter: CanvasEntityAdapter }) =>
         </Button>
         <Button
           leftIcon={<PiCheckBold />}
-          onClick={adapter.transformer.applyTransform}
+          onPointerUp={adapter.transformer.applyTransform}
           isLoading={isProcessing}
           loadingText={t('controlLayers.transform.apply')}
           variant="ghost"
@@ -96,7 +96,7 @@ const TransformContent = memo(({ adapter }: { adapter: CanvasEntityAdapter }) =>
         </Button>
         <Button
           leftIcon={<PiXBold />}
-          onClick={adapter.transformer.stopTransform}
+          onPointerUp={adapter.transformer.stopTransform}
           isLoading={isProcessing}
           loadingText={t('common.cancel')}
           variant="ghost"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityAddOfTypeButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityAddOfTypeButton.tsx
index 9fd9d614d1..4bda230675 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityAddOfTypeButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityAddOfTypeButton.tsx
@@ -25,7 +25,7 @@ export const CanvasEntityAddOfTypeButton = memo(({ type }: Props) => {
   const addControlLayer = useAddControlLayer();
   const addGlobalReferenceImage = useAddGlobalReferenceImage();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     switch (type) {
       case 'inpaint_mask':
         addInpaintMask();
@@ -67,7 +67,7 @@ export const CanvasEntityAddOfTypeButton = memo(({ type }: Props) => {
       tooltip={label}
       variant="link"
       icon={<NewLayerIcon />}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       alignSelf="stretch"
       isDisabled={isBusy}
     />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityContainer.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityContainer.tsx
index 4430fc83dc..8de891a6a4 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityContainer.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityContainer.tsx
@@ -12,7 +12,7 @@ export const CanvasEntityContainer = memo((props: PropsWithChildren) => {
   const entityIdentifier = useEntityIdentifierContext();
   const isSelected = useEntityIsSelected(entityIdentifier);
   const selectionColor = useEntitySelectionColor(entityIdentifier);
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     if (isSelected) {
       return;
     }
@@ -25,7 +25,7 @@ export const CanvasEntityContainer = memo((props: PropsWithChildren) => {
       flexDir="column"
       w="full"
       bg={isSelected ? 'base.800' : 'base.850'}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       borderInlineStartWidth={5}
       borderColor={isSelected ? selectionColor : 'base.800'}
       borderRadius="base"
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityDeleteButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityDeleteButton.tsx
index f6896b9ee7..6c67e90f7d 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityDeleteButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityDeleteButton.tsx
@@ -12,7 +12,7 @@ export const CanvasEntityDeleteButton = memo(() => {
   const entityIdentifier = useEntityIdentifierContext();
   const dispatch = useAppDispatch();
   const isBusy = useCanvasIsBusy();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(entityDeleted({ entityIdentifier }));
   }, [dispatch, entityIdentifier]);
 
@@ -24,7 +24,7 @@ export const CanvasEntityDeleteButton = memo(() => {
       variant="link"
       alignSelf="stretch"
       icon={<PiTrashSimpleFill />}
-      onPointerUp={onClick}
+      onPointerUp={onPointerUp}
       colorScheme="error"
       isDisabled={isBusy}
     />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityEnabledToggle.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityEnabledToggle.tsx
index 85464e4535..16539439d9 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityEnabledToggle.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityEnabledToggle.tsx
@@ -14,7 +14,7 @@ export const CanvasEntityEnabledToggle = memo(() => {
   const isEnabled = useEntityIsEnabled(entityIdentifier);
   const isBusy = useCanvasIsBusy();
   const dispatch = useAppDispatch();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(entityIsEnabledToggled({ entityIdentifier }));
   }, [dispatch, entityIdentifier]);
 
@@ -26,7 +26,7 @@ export const CanvasEntityEnabledToggle = memo(() => {
       variant="link"
       alignSelf="stretch"
       icon={isEnabled ? <PiCircleFill /> : <PiCircleBold />}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       isDisabled={isBusy}
     />
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityGroupList.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityGroupList.tsx
index 88fa4058e9..7739c7e012 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityGroupList.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityGroupList.tsx
@@ -31,7 +31,7 @@ export const CanvasEntityGroupList = memo(({ isSelected, type, children }: Props
         <Flex
           flexGrow={1}
           as={Button}
-          onClick={collapse.toggle}
+          onPointerUp={collapse.toggle}
           justifyContent="space-between"
           alignItems="center"
           gap={3}
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityIsBookmarkedForQuickSwitchToggle.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityIsBookmarkedForQuickSwitchToggle.tsx
index 90cb9e953b..2a55acd609 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityIsBookmarkedForQuickSwitchToggle.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityIsBookmarkedForQuickSwitchToggle.tsx
@@ -12,7 +12,7 @@ export const CanvasEntityIsBookmarkedForQuickSwitchToggle = memo(() => {
   const entityIdentifier = useEntityIdentifierContext();
   const isBookmarked = useEntityIsBookmarkedForQuickSwitch(entityIdentifier);
   const dispatch = useAppDispatch();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     if (isBookmarked) {
       dispatch(bookmarkedEntityChanged({ entityIdentifier: null }));
     } else {
@@ -28,7 +28,7 @@ export const CanvasEntityIsBookmarkedForQuickSwitchToggle = memo(() => {
       variant="link"
       alignSelf="stretch"
       icon={isBookmarked ? <PiBookmarkSimpleFill /> : <PiBookmarkSimpleBold />}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
     />
   );
 });
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityIsLockedToggle.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityIsLockedToggle.tsx
index f3dbf7d53d..ff82b7ba98 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityIsLockedToggle.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityIsLockedToggle.tsx
@@ -14,7 +14,7 @@ export const CanvasEntityIsLockedToggle = memo(() => {
   const isLocked = useEntityIsLocked(entityIdentifier);
   const isBusy = useCanvasIsBusy();
   const dispatch = useAppDispatch();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(entityIsLockedToggled({ entityIdentifier }));
   }, [dispatch, entityIdentifier]);
 
@@ -26,7 +26,7 @@ export const CanvasEntityIsLockedToggle = memo(() => {
       variant="link"
       alignSelf="stretch"
       icon={isLocked ? <PiLockSimpleFill /> : <PiLockSimpleOpenBold />}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       isDisabled={isBusy}
     />
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsArrange.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsArrange.tsx
index 0f01c832d6..21e3becf9a 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsArrange.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsArrange.tsx
@@ -89,28 +89,28 @@ export const CanvasEntityMenuItemsArrange = memo(() => {
   return (
     <>
       <MenuItem
-        onClick={moveToFront}
+        onPointerUp={moveToFront}
         isDisabled={!validActions.canMoveToFront || !isInteractable}
         icon={<PiArrowLineUpBold />}
       >
         {t('controlLayers.moveToFront')}
       </MenuItem>
       <MenuItem
-        onClick={moveForwardOne}
+        onPointerUp={moveForwardOne}
         isDisabled={!validActions.canMoveForwardOne || !isInteractable}
         icon={<PiArrowUpBold />}
       >
         {t('controlLayers.moveForward')}
       </MenuItem>
       <MenuItem
-        onClick={moveBackwardOne}
+        onPointerUp={moveBackwardOne}
         isDisabled={!validActions.canMoveBackwardOne || !isInteractable}
         icon={<PiArrowDownBold />}
       >
         {t('controlLayers.moveBackward')}
       </MenuItem>
       <MenuItem
-        onClick={moveToBack}
+        onPointerUp={moveToBack}
         isDisabled={!validActions.canMoveToBack || !isInteractable}
         icon={<PiArrowLineDownBold />}
       >
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsCopyToClipboard.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsCopyToClipboard.tsx
index 9d9882399b..79e52b97e7 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsCopyToClipboard.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsCopyToClipboard.tsx
@@ -14,12 +14,12 @@ export const CanvasEntityMenuItemsCopyToClipboard = memo(() => {
   const isInteractable = useIsEntityInteractable(entityIdentifier);
   const copyLayerToClipboard = useCopyLayerToClipboard();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     copyLayerToClipboard(adapter);
   }, [copyLayerToClipboard, adapter]);
 
   return (
-    <MenuItem onClick={onClick} icon={<PiCopyBold />} isDisabled={!isInteractable}>
+    <MenuItem onPointerUp={onPointerUp} icon={<PiCopyBold />} isDisabled={!isInteractable}>
       {t('controlLayers.copyToClipboard')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsCropToBbox.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsCropToBbox.tsx
index 4842553109..e9a4907343 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsCropToBbox.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsCropToBbox.tsx
@@ -11,7 +11,7 @@ export const CanvasEntityMenuItemsCropToBbox = memo(() => {
   const entityIdentifier = useEntityIdentifierContext();
   const adapter = useEntityAdapterSafe(entityIdentifier);
   const isInteractable = useIsEntityInteractable(entityIdentifier);
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     if (!adapter) {
       return;
     }
@@ -19,7 +19,7 @@ export const CanvasEntityMenuItemsCropToBbox = memo(() => {
   }, [adapter]);
 
   return (
-    <MenuItem onClick={onClick} icon={<PiCropBold />} isDisabled={!isInteractable}>
+    <MenuItem onPointerUp={onPointerUp} icon={<PiCropBold />} isDisabled={!isInteractable}>
       {t('controlLayers.cropLayerToBbox')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsDelete.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsDelete.tsx
index 5e65990b5b..e3a14945c8 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsDelete.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsDelete.tsx
@@ -18,7 +18,7 @@ export const CanvasEntityMenuItemsDelete = memo(() => {
   }, [dispatch, entityIdentifier]);
 
   return (
-    <MenuItem onClick={deleteEntity} icon={<PiTrashSimpleBold />} isDestructive isDisabled={!isInteractable}>
+    <MenuItem onPointerUp={deleteEntity} icon={<PiTrashSimpleBold />} isDestructive isDisabled={!isInteractable}>
       {t('common.delete')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsDuplicate.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsDuplicate.tsx
index 053087a3dc..d38ba30314 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsDuplicate.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsDuplicate.tsx
@@ -13,12 +13,12 @@ export const CanvasEntityMenuItemsDuplicate = memo(() => {
   const entityIdentifier = useEntityIdentifierContext();
   const isInteractable = useIsEntityInteractable(entityIdentifier);
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(entityDuplicated({ entityIdentifier }));
   }, [dispatch, entityIdentifier]);
 
   return (
-    <MenuItem onClick={onClick} icon={<PiCopyFill />} isDisabled={!isInteractable}>
+    <MenuItem onPointerUp={onPointerUp} icon={<PiCopyFill />} isDisabled={!isInteractable}>
       {t('controlLayers.duplicate')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsFilter.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsFilter.tsx
index 9e361c0911..cb04804fcf 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsFilter.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsFilter.tsx
@@ -11,7 +11,7 @@ export const CanvasEntityMenuItemsFilter = memo(() => {
   const filter = useEntityFilter(entityIdentifier);
 
   return (
-    <MenuItem onClick={filter.start} icon={<PiShootingStarBold />} isDisabled={filter.isDisabled}>
+    <MenuItem onPointerUp={filter.start} icon={<PiShootingStarBold />} isDisabled={filter.isDisabled}>
       {t('controlLayers.filter.filter')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSave.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSave.tsx
index 9aa3134de8..78aa93fdf5 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSave.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsSave.tsx
@@ -13,12 +13,12 @@ export const CanvasEntityMenuItemsSave = memo(() => {
   const adapter = useEntityAdapterSafe(entityIdentifier);
   const isInteractable = useIsEntityInteractable(entityIdentifier);
   const saveLayerToAssets = useSaveLayerToAssets();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     saveLayerToAssets(adapter);
   }, [saveLayerToAssets, adapter]);
 
   return (
-    <MenuItem onClick={onClick} icon={<PiFloppyDiskBold />} isDisabled={!isInteractable}>
+    <MenuItem onPointerUp={onPointerUp} icon={<PiFloppyDiskBold />} isDisabled={!isInteractable}>
       {t('controlLayers.saveLayerToAssets')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsTransform.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsTransform.tsx
index 187099a4eb..4479d823cd 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsTransform.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMenuItemsTransform.tsx
@@ -11,7 +11,7 @@ export const CanvasEntityMenuItemsTransform = memo(() => {
   const transform = useEntityTransform(entityIdentifier);
 
   return (
-    <MenuItem onClick={transform.start} icon={<PiFrameCornersBold />} isDisabled={transform.isDisabled}>
+    <MenuItem onPointerUp={transform.start} icon={<PiFrameCornersBold />} isDisabled={transform.isDisabled}>
       {t('controlLayers.transform.transform')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMergeVisibleButton.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMergeVisibleButton.tsx
index 1457cef836..0e98977883 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMergeVisibleButton.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityMergeVisibleButton.tsx
@@ -26,7 +26,7 @@ export const CanvasEntityMergeVisibleButton = memo(({ type }: Props) => {
   const canvasManager = useCanvasManager();
   const isBusy = useCanvasIsBusy();
   const entityCount = useEntityTypeCount(type);
-  const onClick = useCallback(async () => {
+  const onPointerUp = useCallback(async () => {
     if (type === 'raster_layer') {
       const rect = canvasManager.stage.getVisibleRect('raster_layer');
       const result = await withResultAsync(() =>
@@ -83,7 +83,7 @@ export const CanvasEntityMergeVisibleButton = memo(({ type }: Props) => {
       tooltip={t('controlLayers.mergeVisible')}
       variant="link"
       icon={<PiStackBold />}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       alignSelf="stretch"
       isDisabled={entityCount <= 1 || isBusy}
     />
diff --git a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityTypeIsHiddenToggle.tsx b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityTypeIsHiddenToggle.tsx
index de8e1eb315..744a5d945a 100644
--- a/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityTypeIsHiddenToggle.tsx
+++ b/invokeai/frontend/web/src/features/controlLayers/components/common/CanvasEntityTypeIsHiddenToggle.tsx
@@ -18,7 +18,7 @@ export const CanvasEntityTypeIsHiddenToggle = memo(({ type }: Props) => {
   const dispatch = useAppDispatch();
   const isHidden = useEntityTypeIsHidden(type);
   const typeString = useEntityTypeString(type, true);
-  const onClick = useCallback<MouseEventHandler>(
+  const onPointerUp = useCallback<MouseEventHandler>(
     (e) => {
       e.stopPropagation();
       dispatch(allEntitiesOfTypeIsHiddenToggled({ type }));
@@ -33,7 +33,7 @@ export const CanvasEntityTypeIsHiddenToggle = memo(({ type }: Props) => {
       tooltip={t(isHidden ? 'controlLayers.hidingType' : 'controlLayers.showingType', { type: typeString })}
       variant="link"
       icon={isHidden ? <PiEyeClosedBold /> : <PiEyeBold />}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       alignSelf="stretch"
     />
   );
diff --git a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
index ff790f82c6..c702dd4788 100644
--- a/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
+++ b/invokeai/frontend/web/src/features/deleteImageModal/components/DeleteImageButton.tsx
@@ -9,11 +9,11 @@ import { PiTrashSimpleBold } from 'react-icons/pi';
 import { $isConnected } from 'services/events/stores';
 
 type DeleteImageButtonProps = Omit<IconButtonProps, 'aria-label'> & {
-  onClick: () => void;
+  onPointerUp: () => void;
 };
 
 export const DeleteImageButton = memo((props: DeleteImageButtonProps) => {
-  const { onClick, isDisabled } = props;
+  const { onPointerUp, isDisabled } = props;
   const { t } = useTranslation();
   const isConnected = useStore($isConnected);
   const imageSelectionLength = useAppSelector(selectSelectionCount);
@@ -21,7 +21,7 @@ export const DeleteImageButton = memo((props: DeleteImageButtonProps) => {
 
   return (
     <IconButton
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       icon={<PiTrashSimpleBold />}
       tooltip={labelMessage}
       aria-label={labelMessage}
diff --git a/invokeai/frontend/web/src/features/dynamicPrompts/components/ShowDynamicPromptsPreviewButton.tsx b/invokeai/frontend/web/src/features/dynamicPrompts/components/ShowDynamicPromptsPreviewButton.tsx
index 1a23f0d375..02e04d292f 100644
--- a/invokeai/frontend/web/src/features/dynamicPrompts/components/ShowDynamicPromptsPreviewButton.tsx
+++ b/invokeai/frontend/web/src/features/dynamicPrompts/components/ShowDynamicPromptsPreviewButton.tsx
@@ -28,7 +28,7 @@ export const ShowDynamicPromptsPreviewButton = memo(() => {
         isDisabled={isOpen}
         aria-label={t('dynamicPrompts.showDynamicPrompts')}
         icon={<PiBracketsCurlyBold />}
-        onClick={onOpen}
+        onPointerUp={onOpen}
         sx={isLoading ? loadingStyles : undefined}
         colorScheme={isError && !isLoading ? 'error' : 'base'}
       />
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardContextMenu.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardContextMenu.tsx
index 5b4e6236b1..1067be2035 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardContextMenu.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardContextMenu.tsx
@@ -75,29 +75,29 @@ const BoardContextMenu = ({ board, children }: Props) => {
       <MenuList visibility="visible">
         <MenuGroup title={boardName}>
           {!autoAssignBoardOnClick && (
-            <MenuItem icon={<PiPlusBold />} isDisabled={isSelectedForAutoAdd} onClick={handleSetAutoAdd}>
+            <MenuItem icon={<PiPlusBold />} isDisabled={isSelectedForAutoAdd} onPointerUp={handleSetAutoAdd}>
               {isSelectedForAutoAdd ? t('boards.selectedForAutoAdd') : t('boards.menuItemAutoAdd')}
             </MenuItem>
           )}
           {isBulkDownloadEnabled && (
-            <MenuItem icon={<PiDownloadBold />} onClickCapture={handleBulkDownload}>
+            <MenuItem icon={<PiDownloadBold />} onPointerUpCapture={handleBulkDownload}>
               {t('boards.downloadBoard')}
             </MenuItem>
           )}
 
           {board.archived && (
-            <MenuItem icon={<PiArchiveBold />} onClick={handleUnarchive}>
+            <MenuItem icon={<PiArchiveBold />} onPointerUp={handleUnarchive}>
               {t('boards.unarchiveBoard')}
             </MenuItem>
           )}
 
           {!board.archived && (
-            <MenuItem icon={<PiArchiveFill />} onClick={handleArchive}>
+            <MenuItem icon={<PiArchiveFill />} onPointerUp={handleArchive}>
               {t('boards.archiveBoard')}
             </MenuItem>
           )}
 
-          <MenuItem color="error.300" icon={<PiTrashSimpleBold />} onClick={setAsBoardToDelete} isDestructive>
+          <MenuItem color="error.300" icon={<PiTrashSimpleBold />} onPointerUp={setAsBoardToDelete} isDestructive>
             {t('boards.deleteBoard')}
           </MenuItem>
         </MenuGroup>
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/AddBoardButton.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/AddBoardButton.tsx
index 6a9e51cb74..7666fa0ea8 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/AddBoardButton.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/AddBoardButton.tsx
@@ -42,7 +42,7 @@ const AddBoardButton = ({ isPrivateBoard }: Props) => {
       isLoading={isLoading}
       tooltip={label}
       aria-label={label}
-      onClick={handleCreateBoard}
+      onPointerUp={handleCreateBoard}
       size="md"
       data-testid="add-board-button"
       variant="link"
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
index 0a325d3737..b5f4978495 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsList.tsx
@@ -84,7 +84,7 @@ export const BoardsList = ({ isPrivate }: Props) => {
         bg="base.900"
       >
         {allowPrivateBoards ? (
-          <Button variant="unstyled" onClick={onToggle}>
+          <Button variant="unstyled" onPointerUp={onToggle}>
             <Flex gap="2" alignItems="center">
               <Icon
                 boxSize={4}
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsSearch.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsSearch.tsx
index f2ea242240..3ce36f0a6f 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsSearch.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/BoardsSearch.tsx
@@ -52,7 +52,7 @@ const BoardsSearch = () => {
       {boardSearchText && boardSearchText.length && (
         <InputRightElement h="full" pe={2}>
           <IconButton
-            onClick={clearBoardSearch}
+            onPointerUp={clearBoardSearch}
             size="sm"
             variant="link"
             aria-label={t('boards.clearSearch')}
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
index d6a40adf0c..ec6fbe04d6 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/GalleryBoard.tsx
@@ -60,7 +60,7 @@ const GalleryBoard = ({ board, isSelected }: GalleryBoardProps) => {
   const [localBoardName, setLocalBoardName] = useState(board.board_name);
   const onStartEditingRef = useRef<MouseEventHandler | undefined>(undefined);
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     if (selectedBoardId !== board.board_id) {
       dispatch(boardIdSelected({ boardId: board.board_id }));
     }
@@ -123,7 +123,7 @@ const GalleryBoard = ({ board, isSelected }: GalleryBoardProps) => {
           <Flex
             position="relative"
             ref={ref}
-            onClick={onClick}
+            onPointerUp={onPointerUp}
             onDoubleClick={onDoubleClick}
             w="full"
             alignItems="center"
@@ -180,7 +180,7 @@ const GalleryBoard = ({ board, isSelected }: GalleryBoardProps) => {
 const JankEditableHijack = memo((props: { onStartEditingRef: MutableRefObject<MouseEventHandler | undefined> }) => {
   const editableControls = useEditableControls();
   useEffect(() => {
-    props.onStartEditingRef.current = editableControls.getEditButtonProps().onClick;
+    props.onStartEditingRef.current = editableControls.getEditButtonProps().onPointerUp;
   }, [props, editableControls]);
   return null;
 });
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
index 2c8b8caa4e..20099ad218 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/BoardsList/NoBoardBoard.tsx
@@ -64,7 +64,7 @@ const NoBoardBoard = memo(({ isSelected }: Props) => {
           <Flex
             position="relative"
             ref={ref}
-            onClick={handleSelectBoard}
+            onPointerUp={handleSelectBoard}
             w="full"
             alignItems="center"
             borderRadius="base"
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/DeleteBoardModal.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/DeleteBoardModal.tsx
index 3097002052..667d3bab6b 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/DeleteBoardModal.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/DeleteBoardModal.tsx
@@ -127,13 +127,13 @@ const DeleteBoardModal = () => {
           </AlertDialogBody>
           <AlertDialogFooter>
             <Flex w="full" gap={2} justifyContent="end">
-              <Button ref={cancelRef} onClick={handleClose}>
+              <Button ref={cancelRef} onPointerUp={handleClose}>
                 {t('boards.cancel')}
               </Button>
-              <Button colorScheme="warning" isLoading={isLoading} onClick={handleDeleteBoardOnly}>
+              <Button colorScheme="warning" isLoading={isLoading} onPointerUp={handleDeleteBoardOnly}>
                 {t('boards.deleteBoardOnly')}
               </Button>
-              <Button colorScheme="error" isLoading={isLoading} onClick={handleDeleteBoardAndImages}>
+              <Button colorScheme="error" isLoading={isLoading} onPointerUp={handleDeleteBoardAndImages}>
                 {t('boards.deleteBoardAndImages')}
               </Button>
             </Flex>
diff --git a/invokeai/frontend/web/src/features/gallery/components/Boards/NoBoardBoardContextMenu.tsx b/invokeai/frontend/web/src/features/gallery/components/Boards/NoBoardBoardContextMenu.tsx
index 2f130430a4..8c9b2ce62a 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Boards/NoBoardBoardContextMenu.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Boards/NoBoardBoardContextMenu.tsx
@@ -38,12 +38,12 @@ const NoBoardBoardContextMenu = ({ children }: Props) => {
       <MenuList visibility="visible">
         <MenuGroup title={t('boards.uncategorized')}>
           {!autoAssignBoardOnClick && (
-            <MenuItem icon={<PiPlusBold />} isDisabled={isSelectedForAutoAdd} onClick={handleSetAutoAdd}>
+            <MenuItem icon={<PiPlusBold />} isDisabled={isSelectedForAutoAdd} onPointerUp={handleSetAutoAdd}>
               {isSelectedForAutoAdd ? t('boards.selectedForAutoAdd') : t('boards.menuItemAutoAdd')}
             </MenuItem>
           )}
           {isBulkDownloadEnabled && (
-            <MenuItem icon={<PiDownloadBold />} onClickCapture={handleBulkDownload}>
+            <MenuItem icon={<PiDownloadBold />} onPointerUpCapture={handleBulkDownload}>
               {t('boards.downloadBoard')}
             </MenuItem>
           )}
diff --git a/invokeai/frontend/web/src/features/gallery/components/Gallery.tsx b/invokeai/frontend/web/src/features/gallery/components/Gallery.tsx
index 0ef57047ed..2419615727 100644
--- a/invokeai/frontend/web/src/features/gallery/components/Gallery.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/Gallery.tsx
@@ -74,17 +74,17 @@ export const Gallery = () => {
             {boardName}
           </Text>
           <Spacer />
-          <Tab sx={BASE_STYLES} _selected={SELECTED_STYLES} onClick={handleClickImages} data-testid="images-tab">
+          <Tab sx={BASE_STYLES} _selected={SELECTED_STYLES} onPointerUp={handleClickImages} data-testid="images-tab">
             {t('parameters.images')}
           </Tab>
-          <Tab sx={BASE_STYLES} _selected={SELECTED_STYLES} onClick={handleClickAssets} data-testid="assets-tab">
+          <Tab sx={BASE_STYLES} _selected={SELECTED_STYLES} onPointerUp={handleClickAssets} data-testid="assets-tab">
             {t('gallery.assets')}
           </Tab>
           <IconButton
             size="sm"
             variant="link"
             alignSelf="stretch"
-            onClick={handleClickSearch}
+            onPointerUp={handleClickSearch}
             tooltip={searchDisclosure.isOpen ? `${t('gallery.exitSearch')}` : `${t('gallery.displaySearch')}`}
             aria-label={t('gallery.displaySearch')}
             icon={<PiMagnifyingGlassBold />}
diff --git a/invokeai/frontend/web/src/features/gallery/components/GalleryPanelContent.tsx b/invokeai/frontend/web/src/features/gallery/components/GalleryPanelContent.tsx
index bd29d1f174..1f5bf604fc 100644
--- a/invokeai/frontend/web/src/features/gallery/components/GalleryPanelContent.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/GalleryPanelContent.tsx
@@ -56,7 +56,7 @@ const GalleryPanelContent = () => {
           <Button
             size="sm"
             variant="ghost"
-            onClick={boardsListPanel.toggle}
+            onPointerUp={boardsListPanel.toggle}
             rightIcon={boardsListPanel.isCollapsed ? <PiCaretDownBold /> : <PiCaretUpBold />}
           >
             {boardsListPanel.isCollapsed ? t('boards.viewBoards') : t('boards.hideBoards')}
@@ -69,7 +69,7 @@ const GalleryPanelContent = () => {
             size="sm"
             variant="link"
             alignSelf="stretch"
-            onClick={handleClickBoardSearch}
+            onPointerUp={handleClickBoardSearch}
             tooltip={
               boardSearchDisclosure.isOpen ? `${t('gallery.exitBoardSearch')}` : `${t('gallery.displayBoardSearch')}`
             }
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemChangeBoard.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemChangeBoard.tsx
index 200b08b4c2..f566ca9b7d 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemChangeBoard.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemChangeBoard.tsx
@@ -11,13 +11,13 @@ export const ImageMenuItemChangeBoard = memo(() => {
   const dispatch = useAppDispatch();
   const imageDTO = useImageDTOContext();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(imagesToChangeSelected([imageDTO]));
     dispatch(isModalOpenChanged(true));
   }, [dispatch, imageDTO]);
 
   return (
-    <MenuItem icon={<PiFoldersBold />} onClickCapture={onClick}>
+    <MenuItem icon={<PiFoldersBold />} onPointerUpCapture={onPointerUp}>
       {t('boards.changeBoard')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemCopy.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemCopy.tsx
index a30efc6099..1809d16093 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemCopy.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemCopy.tsx
@@ -10,7 +10,7 @@ export const ImageMenuItemCopy = memo(() => {
   const imageDTO = useImageDTOContext();
   const { isClipboardAPIAvailable, copyImageToClipboard } = useCopyImageToClipboard();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     copyImageToClipboard(imageDTO.image_url);
   }, [copyImageToClipboard, imageDTO.image_url]);
 
@@ -23,7 +23,7 @@ export const ImageMenuItemCopy = memo(() => {
       icon={<PiCopyBold />}
       aria-label={t('parameters.copyImage')}
       tooltip={t('parameters.copyImage')}
-      onClickCapture={onClick}
+      onPointerUpCapture={onPointerUp}
       variant="ghost"
       colorScheme="base"
     />
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemDelete.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemDelete.tsx
index afcc8bf71c..150248f764 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemDelete.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemDelete.tsx
@@ -11,14 +11,14 @@ export const ImageMenuItemDelete = memo(() => {
   const dispatch = useAppDispatch();
   const imageDTO = useImageDTOContext();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(imagesToDeleteSelected([imageDTO]));
   }, [dispatch, imageDTO]);
 
   return (
     <IconButton
       icon={<PiTrashSimpleBold />}
-      onClickCapture={onClick}
+      onPointerUpCapture={onPointerUp}
       aria-label={t('gallery.deleteImage', { count: 1 })}
       tooltip={t('gallery.deleteImage', { count: 1 })}
       variant="ghost"
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemDownload.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemDownload.tsx
index 687cc330c0..5a1a8d9a99 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemDownload.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemDownload.tsx
@@ -10,7 +10,7 @@ export const ImageMenuItemDownload = memo(() => {
   const imageDTO = useImageDTOContext();
   const { downloadImage } = useDownloadImage();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     downloadImage(imageDTO.image_url, imageDTO.image_name);
   }, [downloadImage, imageDTO.image_name, imageDTO.image_url]);
 
@@ -21,7 +21,7 @@ export const ImageMenuItemDownload = memo(() => {
       tooltip={t('parameters.downloadImage')}
       variant="ghost"
       colorScheme="base"
-      onClick={onClick}
+      onPointerUp={onPointerUp}
     />
   );
 });
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemLoadWorkflow.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemLoadWorkflow.tsx
index 1aab80b21d..9254e30561 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemLoadWorkflow.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemLoadWorkflow.tsx
@@ -14,14 +14,14 @@ export const ImageMenuItemLoadWorkflow = memo(() => {
   const [getAndLoadEmbeddedWorkflow, { isLoading }] = useGetAndLoadEmbeddedWorkflow();
   const hasTemplates = useStore($hasTemplates);
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     getAndLoadEmbeddedWorkflow(imageDTO.image_name);
   }, [getAndLoadEmbeddedWorkflow, imageDTO.image_name]);
 
   return (
     <MenuItem
       icon={isLoading ? <SpinnerIcon /> : <PiFlowArrowBold />}
-      onClickCapture={onClick}
+      onPointerUpCapture={onPointerUp}
       isDisabled={!imageDTO.has_workflow || !hasTemplates}
     >
       {t('nodes.loadWorkflow')}
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemMetadataRecallActions.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemMetadataRecallActions.tsx
index 0d1b1a84c5..cdd752cc17 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemMetadataRecallActions.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemMetadataRecallActions.tsx
@@ -20,19 +20,19 @@ export const ImageMenuItemMetadataRecallActions = memo(() => {
 
   return (
     <>
-      <MenuItem icon={<PiArrowsCounterClockwiseBold />} onClickCapture={remix} isDisabled={!hasMetadata}>
+      <MenuItem icon={<PiArrowsCounterClockwiseBold />} onPointerUpCapture={remix} isDisabled={!hasMetadata}>
         {t('parameters.remixImage')}
       </MenuItem>
-      <MenuItem icon={<PiQuotesBold />} onClickCapture={recallPrompts} isDisabled={!hasPrompts}>
+      <MenuItem icon={<PiQuotesBold />} onPointerUpCapture={recallPrompts} isDisabled={!hasPrompts}>
         {t('parameters.usePrompt')}
       </MenuItem>
-      <MenuItem icon={<PiPlantBold />} onClickCapture={recallSeed} isDisabled={!hasSeed}>
+      <MenuItem icon={<PiPlantBold />} onPointerUpCapture={recallSeed} isDisabled={!hasSeed}>
         {t('parameters.useSeed')}
       </MenuItem>
-      <MenuItem icon={<PiAsteriskBold />} onClickCapture={recallAll} isDisabled={!hasMetadata}>
+      <MenuItem icon={<PiAsteriskBold />} onPointerUpCapture={recallAll} isDisabled={!hasMetadata}>
         {t('parameters.useAll')}
       </MenuItem>
-      <MenuItem icon={<PiPaintBrushBold />} onClickCapture={createAsPreset} isDisabled={!hasPrompts}>
+      <MenuItem icon={<PiPaintBrushBold />} onPointerUpCapture={createAsPreset} isDisabled={!hasPrompts}>
         {t('stylePresets.useForTemplate')}
       </MenuItem>
     </>
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemNewCanvasFromImage.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemNewCanvasFromImage.tsx
index 39279c870e..18838f233f 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemNewCanvasFromImage.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemNewCanvasFromImage.tsx
@@ -41,7 +41,7 @@ export const ImageMenuItemNewCanvasFromImage = memo(() => {
   }, [bboxRect.x, bboxRect.y, dispatch, imageDTO, imageViewer, t]);
 
   return (
-    <MenuItem icon={<PiFileBold />} onClickCapture={handleSendToCanvas}>
+    <MenuItem icon={<PiFileBold />} onPointerUpCapture={handleSendToCanvas}>
       {t('controlLayers.newCanvasFromImage')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemNewLayerFromImage.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemNewLayerFromImage.tsx
index 8594db8b50..86476654f0 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemNewLayerFromImage.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemNewLayerFromImage.tsx
@@ -41,7 +41,7 @@ export const ImageMenuItemNewLayerFromImage = memo(() => {
   }, [bboxRect.x, bboxRect.y, dispatch, imageDTO, imageViewer, t]);
 
   return (
-    <MenuItem icon={<NewLayerIcon />} onClickCapture={handleSendToCanvas}>
+    <MenuItem icon={<NewLayerIcon />} onPointerUpCapture={handleSendToCanvas}>
       {t('controlLayers.newLayerFromImage')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemOpenInNewTab.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemOpenInNewTab.tsx
index c06525499f..ad4e1021df 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemOpenInNewTab.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemOpenInNewTab.tsx
@@ -7,13 +7,13 @@ import { PiArrowSquareOutBold } from 'react-icons/pi';
 export const ImageMenuItemOpenInNewTab = memo(() => {
   const { t } = useTranslation();
   const imageDTO = useImageDTOContext();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     window.open(imageDTO.image_url, '_blank');
   }, [imageDTO.image_url]);
 
   return (
     <IconButton
-      onClickCapture={onClick}
+      onPointerUpCapture={onPointerUp}
       aria-label={t('common.openInNewTab')}
       tooltip={t('common.openInNewTab')}
       icon={<PiArrowSquareOutBold />}
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemOpenInViewer.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemOpenInViewer.tsx
index b8a86082f9..a4a5dd47f9 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemOpenInViewer.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemOpenInViewer.tsx
@@ -9,14 +9,14 @@ export const ImageMenuItemOpenInViewer = memo(() => {
   const { t } = useTranslation();
   const imageDTO = useImageDTOContext();
   const imageViewer = useImageViewer();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     imageViewer.openImageInViewer(imageDTO);
   }, [imageDTO, imageViewer]);
 
   return (
     <IconButton
       icon={<PiArrowsOutBold />}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       aria-label={t('common.openInViewer')}
       tooltip={t('common.openInViewer')}
       variant="ghost"
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemSelectForCompare.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemSelectForCompare.tsx
index 08ca424ad7..c7186f3265 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemSelectForCompare.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemSelectForCompare.tsx
@@ -17,7 +17,7 @@ export const ImageMenuItemSelectForCompare = memo(() => {
   );
   const maySelectForCompare = useAppSelector(selectMaySelectForCompare);
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(imageToCompareChanged(imageDTO));
   }, [dispatch, imageDTO]);
 
@@ -25,7 +25,7 @@ export const ImageMenuItemSelectForCompare = memo(() => {
     <IconButton
       icon={<PiImagesBold />}
       isDisabled={!maySelectForCompare}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       aria-label={t('gallery.selectForCompare')}
       tooltip={t('gallery.selectForCompare')}
       variant="ghost"
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemSendToUpscale.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemSendToUpscale.tsx
index 13c2287bf5..f2a7cb2161 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemSendToUpscale.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemSendToUpscale.tsx
@@ -24,7 +24,7 @@ export const ImageMenuItemSendToUpscale = memo(() => {
   }, [dispatch, imageDTO, t]);
 
   return (
-    <MenuItem icon={<PiShareFatBold />} onClickCapture={handleSendToCanvas} id="send-to-upscale">
+    <MenuItem icon={<PiShareFatBold />} onPointerUpCapture={handleSendToCanvas} id="send-to-upscale">
       {t('parameters.sendToUpscale')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemStarUnstar.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemStarUnstar.tsx
index a82e8ed2a8..ff01bfa5be 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemStarUnstar.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/ImageMenuItemStarUnstar.tsx
@@ -28,14 +28,14 @@ export const ImageMenuItemStarUnstar = memo(() => {
 
   if (imageDTO.starred) {
     return (
-      <MenuItem icon={customStarUi ? customStarUi.off.icon : <PiStarFill />} onClickCapture={unstarImage}>
+      <MenuItem icon={customStarUi ? customStarUi.off.icon : <PiStarFill />} onPointerUpCapture={unstarImage}>
         {customStarUi ? customStarUi.off.text : t('gallery.unstarImage')}
       </MenuItem>
     );
   }
 
   return (
-    <MenuItem icon={customStarUi ? customStarUi.on.icon : <PiStarBold />} onClickCapture={starImage}>
+    <MenuItem icon={customStarUi ? customStarUi.on.icon : <PiStarBold />} onPointerUpCapture={starImage}>
       {customStarUi ? customStarUi.on.text : t('gallery.starImage')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/MultipleSelectionMenuItems.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/MultipleSelectionMenuItems.tsx
index 54fb19c844..33d44806c6 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/MultipleSelectionMenuItems.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageContextMenu/MultipleSelectionMenuItems.tsx
@@ -58,25 +58,25 @@ const MultipleSelectionMenuItems = () => {
   return (
     <>
       {areAllStarred && (
-        <MenuItem icon={customStarUi ? customStarUi.on.icon : <PiStarBold />} onClickCapture={handleUnstarSelection}>
+        <MenuItem icon={customStarUi ? customStarUi.on.icon : <PiStarBold />} onPointerUpCapture={handleUnstarSelection}>
           {customStarUi ? customStarUi.off.text : `Unstar All`}
         </MenuItem>
       )}
       {(areAllUnstarred || (!areAllStarred && !areAllUnstarred)) && (
-        <MenuItem icon={customStarUi ? customStarUi.on.icon : <PiStarFill />} onClickCapture={handleStarSelection}>
+        <MenuItem icon={customStarUi ? customStarUi.on.icon : <PiStarFill />} onPointerUpCapture={handleStarSelection}>
           {customStarUi ? customStarUi.on.text : `Star All`}
         </MenuItem>
       )}
       {isBulkDownloadEnabled && (
-        <MenuItem icon={<PiDownloadSimpleBold />} onClickCapture={handleBulkDownload}>
+        <MenuItem icon={<PiDownloadSimpleBold />} onPointerUpCapture={handleBulkDownload}>
           {t('gallery.downloadSelection')}
         </MenuItem>
       )}
-      <MenuItem icon={<PiFoldersBold />} onClickCapture={handleChangeBoard}>
+      <MenuItem icon={<PiFoldersBold />} onPointerUpCapture={handleChangeBoard}>
         {t('boards.changeBoard')}
       </MenuItem>
       <MenuDivider />
-      <MenuItem color="error.300" icon={<PiTrashSimpleBold />} onClickCapture={handleDeleteSelection}>
+      <MenuItem color="error.300" icon={<PiTrashSimpleBold />} onPointerUpCapture={handleDeleteSelection}>
         {t('gallery.deleteSelection')}
       </MenuItem>
     </>
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImage.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImage.tsx
index 8a4ca0e35d..04aea091cb 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImage.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryImage.tsx
@@ -157,7 +157,7 @@ const GalleryImageContent = memo(({ index, imageDTO }: HoverableImageProps) => {
         aspectRatio="1/1"
       >
         <IAIDndImage
-          onClick={handleClick}
+          onPointerUp={handleClick}
           onDoubleClick={onDoubleClick}
           imageDTO={imageDTO}
           draggableData={draggableData}
@@ -191,7 +191,7 @@ const GalleryImageContent = memo(({ index, imageDTO }: HoverableImageProps) => {
               >{`${imageDTO.width}x${imageDTO.height}`}</Text>
             )}
             <IAIDndImageIcon
-              onClick={toggleStarredState}
+              onPointerUp={toggleStarredState}
               icon={starIcon}
               tooltip={starTooltip}
               position="absolute"
@@ -213,7 +213,7 @@ const DeleteIcon = ({ imageDTO }: { imageDTO: ImageDTO }) => {
   const shift = useShiftModifier();
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
-  const onClick = useCallback(
+  const onPointerUp = useCallback(
     (e: MouseEvent<HTMLButtonElement>) => {
       e.stopPropagation();
       if (!imageDTO) {
@@ -230,7 +230,7 @@ const DeleteIcon = ({ imageDTO }: { imageDTO: ImageDTO }) => {
 
   return (
     <IAIDndImageIcon
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       icon={<PiTrashSimpleFill />}
       tooltip={t('gallery.deleteImage_one')}
       position="absolute"
@@ -244,13 +244,13 @@ const OpenInViewerIconButton = ({ imageDTO }: { imageDTO: ImageDTO }) => {
   const imageViewer = useImageViewer();
   const { t } = useTranslation();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     imageViewer.openImageInViewer(imageDTO);
   }, [imageDTO, imageViewer]);
 
   return (
     <IAIDndImageIcon
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       icon={<PiArrowsOutBold />}
       tooltip={t('gallery.openInViewer')}
       position="absolute"
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryPagination.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryPagination.tsx
index 27776ab77d..54bb75c5ce 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryPagination.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GalleryPagination.tsx
@@ -9,11 +9,11 @@ export const GalleryPagination = () => {
   const { goPrev, goNext, isPrevEnabled, isNextEnabled, pageButtons, goToPage, currentPage, total } =
     useGalleryPagination();
 
-  const onClickPrev = useCallback(() => {
+  const onPointerUpPrev = useCallback(() => {
     goPrev();
   }, [goPrev]);
 
-  const onClickNext = useCallback(() => {
+  const onPointerUpNext = useCallback(() => {
     goNext();
   }, [goNext]);
 
@@ -27,7 +27,7 @@ export const GalleryPagination = () => {
         size="sm"
         aria-label="prev"
         icon={<PiCaretLeftBold />}
-        onClick={onClickPrev}
+        onPointerUp={onPointerUpPrev}
         isDisabled={!isPrevEnabled}
         variant="ghost"
       />
@@ -40,7 +40,7 @@ export const GalleryPagination = () => {
         size="sm"
         aria-label="next"
         icon={<PiCaretRightBold />}
-        onClick={onClickNext}
+        onPointerUp={onPointerUpNext}
         isDisabled={!isNextEnabled}
         variant="ghost"
       />
@@ -64,7 +64,7 @@ const PageButton = ({ page, currentPage, goToPage }: PageButtonProps) => {
     );
   }
   return (
-    <Button size="sm" onClick={goToPage.bind(null, page - 1)} variant={currentPage === page - 1 ? 'solid' : 'outline'}>
+    <Button size="sm" onPointerUp={goToPage.bind(null, page - 1)} variant={currentPage === page - 1 ? 'solid' : 'outline'}>
       {page}
     </Button>
   );
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySearch.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySearch.tsx
index bb2fe8ff29..468463b81e 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySearch.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySearch.tsx
@@ -54,7 +54,7 @@ export const GallerySearch = ({ searchTerm, onChangeSearchTerm, onResetSearchTer
       {!isPending && searchTerm.length && (
         <InputRightElement h="full" pe={2}>
           <IconButton
-            onClick={onResetSearchTerm}
+            onPointerUp={onResetSearchTerm}
             size="sm"
             variant="link"
             aria-label={t('boards.clearSearch')}
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySelectionCountTag.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySelectionCountTag.tsx
index 01fe12d520..c46a6f5ffe 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySelectionCountTag.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/GallerySelectionCountTag.tsx
@@ -73,7 +73,7 @@ const GallerySelectionCountTagContent = memo(({ selection }: { selection: ImageD
       <TagLabel>
         {selection.length} {t('common.selected')}
       </TagLabel>
-      <TagCloseButton onClick={onClearSelection} />
+      <TagCloseButton onPointerUp={onClearSelection} />
     </Tag>
   );
 });
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/JumpTo.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/JumpTo.tsx
index 72f4bba4e8..fdf143c1c6 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageGrid/JumpTo.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageGrid/JumpTo.tsx
@@ -35,7 +35,7 @@ export const JumpTo = () => {
     setNewPage(v - 1);
   }, []);
 
-  const onClickGo = useCallback(() => {
+  const onPointerUpGo = useCallback(() => {
     goToPage(newPage);
     onClose();
   }, [newPage, goToPage, onClose]);
@@ -43,10 +43,10 @@ export const JumpTo = () => {
   useHotkeys(
     'enter',
     () => {
-      onClickGo();
+      onPointerUpGo();
     },
     { enabled: isOpen, enableOnFormTags: ['input'] },
-    [isOpen, onClickGo]
+    [isOpen, onPointerUpGo]
   );
 
   useHotkeys(
@@ -66,7 +66,7 @@ export const JumpTo = () => {
   return (
     <Popover isOpen={isOpen} onClose={onClose} onOpen={onOpen}>
       <PopoverTrigger>
-        <Button aria-label={t('gallery.jump')} size="sm" onClick={onToggle} variant="outline">
+        <Button aria-label={t('gallery.jump')} size="sm" onPointerUp={onToggle} variant="outline">
           {t('gallery.jump')}
         </Button>
       </PopoverTrigger>
@@ -86,7 +86,7 @@ export const JumpTo = () => {
                 onChange={onChangeJumpTo}
               />
             </FormControl>
-            <Button h="full" size="sm" onClick={onClickGo}>
+            <Button h="full" size="sm" onPointerUp={onPointerUpGo}>
               {t('gallery.go')}
             </Button>
           </Flex>
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/DataViewer.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/DataViewer.tsx
index 2cbf93b899..38b22fe345 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/DataViewer.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageMetadataViewer/DataViewer.tsx
@@ -56,7 +56,7 @@ const DataViewer = (props: Props) => {
               icon={<PiDownloadSimpleBold size={16} />}
               variant="ghost"
               opacity={0.7}
-              onClick={handleDownload}
+              onPointerUp={handleDownload}
             />
           </Tooltip>
         )}
@@ -67,7 +67,7 @@ const DataViewer = (props: Props) => {
               icon={<PiCopyBold size={16} />}
               variant="ghost"
               opacity={0.7}
-              onClick={handleCopy}
+              onPointerUp={handleCopy}
             />
           </Tooltip>
         )}
@@ -105,7 +105,7 @@ const ExtraCopyAction = ({ label, data, getData }: ExtraCopyActionProps) => {
         icon={<PiCopyBold size={16} />}
         variant="ghost"
         opacity={0.7}
-        onClick={handleCopy}
+        onPointerUp={handleCopy}
       />
     </Tooltip>
   );
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CompareToolbar.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CompareToolbar.tsx
index 5a6d326a52..dba14d786a 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CompareToolbar.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CompareToolbar.tsx
@@ -67,13 +67,13 @@ export const CompareToolbar = memo(() => {
             icon={<PiSwapBold />}
             aria-label={`${t('gallery.swapImages')} (C)`}
             tooltip={`${t('gallery.swapImages')} (C)`}
-            onClick={swapImages}
+            onPointerUp={swapImages}
           />
           {comparisonMode !== 'side-by-side' && (
             <IconButton
               aria-label={t('gallery.stretchToFit')}
               tooltip={t('gallery.stretchToFit')}
-              onClick={toggleComparisonFit}
+              onPointerUp={toggleComparisonFit}
               colorScheme={comparisonFit === 'fill' ? 'invokeBlue' : 'base'}
               variant="outline"
               icon={<PiArrowsOutBold />}
@@ -85,21 +85,21 @@ export const CompareToolbar = memo(() => {
         <ButtonGroup variant="outline">
           <Button
             flexShrink={0}
-            onClick={setComparisonModeSlider}
+            onPointerUp={setComparisonModeSlider}
             colorScheme={comparisonMode === 'slider' ? 'invokeBlue' : 'base'}
           >
             {t('gallery.slider')}
           </Button>
           <Button
             flexShrink={0}
-            onClick={setComparisonModeSideBySide}
+            onPointerUp={setComparisonModeSideBySide}
             colorScheme={comparisonMode === 'side-by-side' ? 'invokeBlue' : 'base'}
           >
             {t('gallery.sideBySide')}
           </Button>
           <Button
             flexShrink={0}
-            onClick={setComparisonModeHover}
+            onPointerUp={setComparisonModeHover}
             colorScheme={comparisonMode === 'hover' ? 'invokeBlue' : 'base'}
           >
             {t('gallery.hover')}
@@ -117,7 +117,7 @@ export const CompareToolbar = memo(() => {
             variant="ghost"
             aria-label={`${t('gallery.exitCompare')} (Esc)`}
             tooltip={`${t('gallery.exitCompare')} (Esc)`}
-            onClick={exitCompare}
+            onPointerUp={exitCompare}
           >
             {t('gallery.exitCompare')}
           </Button>
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CurrentImageButtons.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CurrentImageButtons.tsx
index c8c6e3f1ee..e0cf5001e4 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CurrentImageButtons.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/CurrentImageButtons.tsx
@@ -65,34 +65,34 @@ const CurrentImageButtonsContent = memo(({ imageDTO }: { imageDTO: ImageDTO }) =
           tooltip={`${t('nodes.loadWorkflow')} (W)`}
           aria-label={`${t('nodes.loadWorkflow')} (W)`}
           isDisabled={!imageActions.hasWorkflow || !hasTemplates}
-          onClick={imageActions.loadWorkflow}
+          onPointerUp={imageActions.loadWorkflow}
         />
         <IconButton
           icon={<PiArrowsCounterClockwiseBold />}
           tooltip={`${t('parameters.remixImage')} (R)`}
           aria-label={`${t('parameters.remixImage')} (R)`}
           isDisabled={!imageActions.hasMetadata}
-          onClick={imageActions.remix}
+          onPointerUp={imageActions.remix}
         />
         <IconButton
           icon={<PiQuotesBold />}
           tooltip={`${t('parameters.usePrompt')} (P)`}
           aria-label={`${t('parameters.usePrompt')} (P)`}
           isDisabled={!imageActions.hasPrompts}
-          onClick={imageActions.recallPrompts}
+          onPointerUp={imageActions.recallPrompts}
         />
         <IconButton
           icon={<PiPlantBold />}
           tooltip={`${t('parameters.useSeed')} (S)`}
           aria-label={`${t('parameters.useSeed')} (S)`}
           isDisabled={!imageActions.hasSeed}
-          onClick={imageActions.recallSeed}
+          onPointerUp={imageActions.recallSeed}
         />
         <IconButton
           icon={<PiRulerBold />}
           tooltip={`${t('parameters.useSize')} (D)`}
           aria-label={`${t('parameters.useSize')} (D)`}
-          onClick={imageActions.recallSize}
+          onPointerUp={imageActions.recallSize}
           isDisabled={isStaging}
         />
         <IconButton
@@ -100,7 +100,7 @@ const CurrentImageButtonsContent = memo(({ imageDTO }: { imageDTO: ImageDTO }) =
           tooltip={`${t('parameters.useAll')} (A)`}
           aria-label={`${t('parameters.useAll')} (A)`}
           isDisabled={!imageActions.hasMetadata}
-          onClick={imageActions.recallAll}
+          onPointerUp={imageActions.recallAll}
         />
       </ButtonGroup>
 
@@ -111,7 +111,7 @@ const CurrentImageButtonsContent = memo(({ imageDTO }: { imageDTO: ImageDTO }) =
       )}
 
       <ButtonGroup>
-        <DeleteImageButton onClick={imageActions.delete} />
+        <DeleteImageButton onPointerUp={imageActions.delete} />
       </ButtonGroup>
     </>
   );
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ToggleMetadataViewerButton.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ToggleMetadataViewerButton.tsx
index e728a87caf..0624272cea 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ToggleMetadataViewerButton.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ToggleMetadataViewerButton.tsx
@@ -36,7 +36,7 @@ export const ToggleMetadataViewerButton = memo(() => {
       icon={<PiInfoBold />}
       tooltip={`${t('parameters.info')} (I)`}
       aria-label={`${t('parameters.info')} (I)`}
-      onClick={toggleMetadataViewer}
+      onPointerUp={toggleMetadataViewer}
       isDisabled={!imageDTO}
       variant="outline"
       colorScheme={shouldShowImageDetails ? 'invokeBlue' : 'base'}
diff --git a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ToggleProgressButton.tsx b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ToggleProgressButton.tsx
index de3967f945..757a99779e 100644
--- a/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ToggleProgressButton.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/ImageViewer/ToggleProgressButton.tsx
@@ -11,7 +11,7 @@ export const ToggleProgressButton = memo(() => {
   const shouldShowProgressInViewer = useAppSelector(selectShouldShowProgressInViewer);
   const { t } = useTranslation();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(setShouldShowProgressInViewer(!shouldShowProgressInViewer));
   }, [dispatch, shouldShowProgressInViewer]);
 
@@ -20,7 +20,7 @@ export const ToggleProgressButton = memo(() => {
       aria-label={t('settings.displayInProgress')}
       tooltip={t('settings.displayInProgress')}
       icon={<PiHourglassHighBold />}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       variant="outline"
       colorScheme={shouldShowProgressInViewer ? 'invokeBlue' : 'base'}
       data-testid="toggle-show-progress-button"
diff --git a/invokeai/frontend/web/src/features/gallery/components/NextPrevImageButtons.tsx b/invokeai/frontend/web/src/features/gallery/components/NextPrevImageButtons.tsx
index 573fae141c..fd6534293e 100644
--- a/invokeai/frontend/web/src/features/gallery/components/NextPrevImageButtons.tsx
+++ b/invokeai/frontend/web/src/features/gallery/components/NextPrevImageButtons.tsx
@@ -24,7 +24,7 @@ const NextPrevImageButtons = ({ inset = 8 }: { inset?: ChakraProps['insetInlineS
     return false;
   }, [isOnFirstImageOfView, isPrevEnabled]);
 
-  const onClickLeftArrow = useCallback(() => {
+  const onPointerUpLeftArrow = useCallback(() => {
     if (isOnFirstImageOfView) {
       if (isPrevEnabled && !isFetching) {
         goPrev('arrow');
@@ -44,7 +44,7 @@ const NextPrevImageButtons = ({ inset = 8 }: { inset?: ChakraProps['insetInlineS
     return false;
   }, [isNextEnabled, isOnLastImageOfView]);
 
-  const onClickRightArrow = useCallback(() => {
+  const onPointerUpRightArrow = useCallback(() => {
     if (isOnLastImageOfView) {
       if (isNextEnabled && !isFetching) {
         goNext('arrow');
@@ -64,7 +64,7 @@ const NextPrevImageButtons = ({ inset = 8 }: { inset?: ChakraProps['insetInlineS
           aria-label={t('accessibility.previousImage')}
           icon={<PiCaretLeftBold size={64} />}
           variant="unstyled"
-          onClick={onClickLeftArrow}
+          onPointerUp={onPointerUpLeftArrow}
           isDisabled={isFetching}
           color="base.100"
           pointerEvents="auto"
@@ -79,7 +79,7 @@ const NextPrevImageButtons = ({ inset = 8 }: { inset?: ChakraProps['insetInlineS
           aria-label={t('accessibility.nextImage')}
           icon={<PiCaretRightBold size={64} />}
           variant="unstyled"
-          onClick={onClickRightArrow}
+          onPointerUp={onPointerUpRightArrow}
           isDisabled={isFetching}
           color="base.100"
           pointerEvents="auto"
diff --git a/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx b/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx
index 28c0ea8198..d0c44ff4b1 100644
--- a/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx
+++ b/invokeai/frontend/web/src/features/lora/components/LoRACard.tsx
@@ -56,7 +56,7 @@ export const LoRACard = memo((props: LoRACardProps) => {
               aria-label="Remove LoRA"
               variant="ghost"
               size="sm"
-              onClick={handleRemoveLora}
+              onPointerUp={handleRemoveLora}
               icon={<PiTrashSimpleBold />}
             />
           </Flex>
diff --git a/invokeai/frontend/web/src/features/metadata/components/MetadataItemView.tsx b/invokeai/frontend/web/src/features/metadata/components/MetadataItemView.tsx
index 233e427798..53a38f1898 100644
--- a/invokeai/frontend/web/src/features/metadata/components/MetadataItemView.tsx
+++ b/invokeai/frontend/web/src/features/metadata/components/MetadataItemView.tsx
@@ -14,7 +14,7 @@ export const MetadataItemView = memo(
   ({ label, onRecall, isDisabled, renderedValue, direction = 'row' }: MetadataItemViewProps) => {
     return (
       <Flex gap={2}>
-        {onRecall && <RecallButton label={label} onClick={onRecall} isDisabled={isDisabled} />}
+        {onRecall && <RecallButton label={label} onPointerUp={onRecall} isDisabled={isDisabled} />}
         <Flex direction={direction} fontSize="sm">
           <Text fontWeight="semibold" whiteSpace="pre-wrap" pr={2}>
             {label}:
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/hooks/useStarterModelsToast.tsx b/invokeai/frontend/web/src/features/modelManagerV2/hooks/useStarterModelsToast.tsx
index 101394f85a..a698564935 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/hooks/useStarterModelsToast.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/hooks/useStarterModelsToast.tsx
@@ -43,7 +43,7 @@ const ToastDescription = () => {
   const dispatch = useAppDispatch();
   const toast = useToast();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(setActiveTab('models'));
     $installModelsTab.set(3);
     toast.close(TOAST_ID);
@@ -52,7 +52,7 @@ const ToastDescription = () => {
   return (
     <Text fontSize="md">
       {t('modelManager.noModelsInstalledDesc1')}{' '}
-      <Button onClick={onClick} variant="link" color="base.50" flexGrow={0}>
+      <Button onPointerUp={onPointerUp} variant="link" color="base.50" flexGrow={0}>
         {t('ui.tabs.modelsTab')}.
       </Button>
     </Text>
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceForm.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceForm.tsx
index 905063f900..17e84851f9 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceForm.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceForm.tsx
@@ -51,7 +51,7 @@ export const HuggingFaceForm = memo(() => {
             onChange={handleSetHuggingFaceRepo}
           />
           <Button
-            onClick={getModels}
+            onPointerUp={getModels}
             isLoading={isLoading}
             isDisabled={huggingFaceRepo.length === 0}
             size="sm"
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceResultItem.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceResultItem.tsx
index 5edb67eefa..f008360f6d 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceResultItem.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceResultItem.tsx
@@ -12,7 +12,7 @@ export const HuggingFaceResultItem = memo(({ result }: Props) => {
 
   const [installModel] = useInstallModel();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     installModel({ source: result });
   }, [installModel, result]);
 
@@ -24,7 +24,7 @@ export const HuggingFaceResultItem = memo(({ result }: Props) => {
           {result}
         </Text>
       </Flex>
-      <IconButton aria-label={t('modelManager.install')} icon={<PiPlusBold />} onClick={onClick} size="sm" />
+      <IconButton aria-label={t('modelManager.install')} icon={<PiPlusBold />} onPointerUp={onPointerUp} size="sm" />
     </Flex>
   );
 });
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceResults.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceResults.tsx
index 25546c6822..ed00edbf63 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceResults.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/HuggingFaceFolder/HuggingFaceResults.tsx
@@ -42,7 +42,7 @@ export const HuggingFaceResults = memo(({ results }: HuggingFaceResultsProps) =>
     setSearchTerm('');
   }, []);
 
-  const onClickAddAll = useCallback(() => {
+  const onPointerUpAddAll = useCallback(() => {
     for (const result of filteredResults) {
       installModel({ source: result });
     }
@@ -55,7 +55,7 @@ export const HuggingFaceResults = memo(({ results }: HuggingFaceResultsProps) =>
         <Flex justifyContent="space-between" alignItems="center">
           <Heading size="sm">{t('modelManager.availableModels')}</Heading>
           <Flex alignItems="center" gap={3}>
-            <Button size="sm" onClick={onClickAddAll} isDisabled={results.length === 0} flexShrink={0}>
+            <Button size="sm" onPointerUp={onPointerUpAddAll} isDisabled={results.length === 0} flexShrink={0}>
               {t('modelManager.installAll')}
             </Button>
             <InputGroup w={64} size="xs">
@@ -74,7 +74,7 @@ export const HuggingFaceResults = memo(({ results }: HuggingFaceResultsProps) =>
                     variant="link"
                     aria-label={t('boards.clearSearch')}
                     icon={<PiXBold />}
-                    onClick={clearSearch}
+                    onPointerUp={clearSearch}
                   />
                 </InputRightElement>
               )}
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/InstallModelForm.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/InstallModelForm.tsx
index 64eb725e5e..21931ff651 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/InstallModelForm.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/InstallModelForm.tsx
@@ -48,7 +48,7 @@ export const InstallModelForm = memo(() => {
             <Flex alignItems="center" gap={3} w="full">
               <Input placeholder={t('modelManager.simpleModelPlaceholder')} {...register('location')} />
               <Button
-                onClick={handleSubmit(onSubmit)}
+                onPointerUp={handleSubmit(onSubmit)}
                 isDisabled={!formState.dirtyFields.location}
                 isLoading={isLoading}
                 size="sm"
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ModelInstallQueue/ModelInstallQueue.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ModelInstallQueue/ModelInstallQueue.tsx
index c2443dde6b..e4021612ef 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ModelInstallQueue/ModelInstallQueue.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ModelInstallQueue/ModelInstallQueue.tsx
@@ -46,7 +46,7 @@ export const ModelInstallQueue = memo(() => {
         <Button
           size="sm"
           isDisabled={!pruneAvailable}
-          onClick={pruneCompletedModelInstalls}
+          onPointerUp={pruneCompletedModelInstalls}
           tooltip={t('modelManager.pruneTooltip')}
         >
           {t('modelManager.prune')}
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ModelInstallQueue/ModelInstallQueueItem.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ModelInstallQueue/ModelInstallQueueItem.tsx
index b14b1fbc4c..6cd1a80593 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ModelInstallQueue/ModelInstallQueueItem.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ModelInstallQueue/ModelInstallQueueItem.tsx
@@ -119,7 +119,7 @@ export const ModelInstallQueueItem = memo((props: ModelListItemProps) => {
         tooltip={t('modelManager.cancel')}
         aria-label={t('modelManager.cancel')}
         icon={<PiXBold />}
-        onClick={handleDeleteModelImport}
+        onPointerUp={handleDeleteModelImport}
         variant="ghost"
       />
     </Flex>
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderForm.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderForm.tsx
index d95196b46b..5c6e3b4ca5 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderForm.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderForm.tsx
@@ -43,7 +43,7 @@ export const ScanModelsForm = memo(() => {
         <Flex gap={3} alignItems="center" w="full">
           <Input placeholder={t('modelManager.scanPlaceholder')} value={scanPath} onChange={handleSetScanPath} />
           <Button
-            onClick={scanFolder}
+            onPointerUp={scanFolder}
             isLoading={isLoading}
             isDisabled={scanPath === undefined || scanPath.length === 0}
             size="sm"
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderResultItem.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderResultItem.tsx
index 9f8c1bdc84..798efa383a 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderResultItem.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderResultItem.tsx
@@ -25,7 +25,7 @@ export const ScanModelResultItem = memo(({ result, installModel }: Props) => {
         {result.is_installed ? (
           <Badge>{t('common.installed')}</Badge>
         ) : (
-          <IconButton aria-label={t('modelManager.install')} icon={<PiPlusBold />} onClick={handleInstall} size="sm" />
+          <IconButton aria-label={t('modelManager.install')} icon={<PiPlusBold />} onPointerUp={handleInstall} size="sm" />
         )}
       </Box>
     </Flex>
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderResults.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderResults.tsx
index ee8b834a29..c59e53ed2d 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderResults.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/ScanFolder/ScanFolderResults.tsx
@@ -77,7 +77,7 @@ export const ScanModelsResults = memo(({ results }: ScanModelResultsProps) => {
               <FormLabel m={0}>{t('modelManager.inplaceInstall')}</FormLabel>
               <Checkbox isChecked={inplace} onChange={onChangeInplace} size="md" />
             </FormControl>
-            <Button size="sm" onClick={handleAddAll} isDisabled={filteredResults.length === 0}>
+            <Button size="sm" onPointerUp={handleAddAll} isDisabled={filteredResults.length === 0}>
               {t('modelManager.installAll')}
             </Button>
             <InputGroup w={64} size="xs">
@@ -96,7 +96,7 @@ export const ScanModelsResults = memo(({ results }: ScanModelResultsProps) => {
                     variant="link"
                     aria-label={t('boards.clearSearch')}
                     icon={<PiXBold />}
-                    onClick={clearSearch}
+                    onPointerUp={clearSearch}
                     flexShrink={0}
                   />
                 </InputRightElement>
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StartModelsResultItem.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StartModelsResultItem.tsx
index 81913f3e8e..a1969de716 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StartModelsResultItem.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StartModelsResultItem.tsx
@@ -38,7 +38,7 @@ export const StarterModelsResultItem = memo(({ result, modelList }: Props) => {
   }, [result]);
   const [installModel] = useInstallModel();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     for (const { config, source } of allSources) {
       if (modelList.some((mc) => config.base === mc.base && config.name === mc.name && config.type === mc.type)) {
         continue;
@@ -61,7 +61,7 @@ export const StarterModelsResultItem = memo(({ result, modelList }: Props) => {
         {result.is_installed ? (
           <Badge>{t('common.installed')}</Badge>
         ) : (
-          <IconButton aria-label={t('modelManager.install')} icon={<PiPlusBold />} onClick={onClick} size="sm" />
+          <IconButton aria-label={t('modelManager.install')} icon={<PiPlusBold />} onPointerUp={onPointerUp} size="sm" />
         )}
       </Box>
     </Flex>
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterModelsResults.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterModelsResults.tsx
index c443171060..25c89445c4 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterModelsResults.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/AddModelPanel/StarterModels/StarterModelsResults.tsx
@@ -63,7 +63,7 @@ export const StarterModelsResults = memo(({ results, modelList }: StarterModelsR
                 variant="link"
                 aria-label={t('boards.clearSearch')}
                 icon={<PiXBold />}
-                onClick={clearSearch}
+                onPointerUp={clearSearch}
                 flexShrink={0}
               />
             </InputRightElement>
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/InstallModels.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/InstallModels.tsx
index 754dab8c78..812cb4ebca 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/InstallModels.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/InstallModels.tsx
@@ -20,7 +20,7 @@ export const InstallModels = memo(() => {
     $installModelsTab.set(index);
   }, []);
 
-  const onClickLearnMore = useCallback(() => {
+  const onPointerUpLearnMore = useCallback(() => {
     window.open('https://support.invoke.ai/support/solutions/articles/151000170961-supported-models');
   }, []);
 
@@ -28,7 +28,7 @@ export const InstallModels = memo(() => {
     <Flex layerStyle="first" borderRadius="base" w="full" h="full" flexDir="column" gap={4}>
       <Flex alignItems="center" justifyContent="space-between">
         <Heading fontSize="xl">{t('modelManager.addModel')}</Heading>
-        <Button alignItems="center" variant="link" leftIcon={<PiInfoBold />} onClick={onClickLearnMore}>
+        <Button alignItems="center" variant="link" leftIcon={<PiInfoBold />} onPointerUp={onPointerUpLearnMore}>
           <Text variant="subtext">{t('modelManager.learnMoreAboutSupportedModels')}</Text>
         </Button>
       </Flex>
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManager.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManager.tsx
index a07cb8c10b..c082af32b3 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManager.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManager.tsx
@@ -19,7 +19,7 @@ export const ModelManager = memo(() => {
     <Flex flexDir="column" layerStyle="first" p={4} gap={4} borderRadius="base" w="50%" h="full">
       <Flex w="full" gap={4} justifyContent="space-between" alignItems="center">
         <Heading fontSize="xl">{t('common.modelManager')}</Heading>
-        <Button size="sm" colorScheme="invokeYellow" leftIcon={<PiPlusBold />} onClick={handleClickAddModel}>
+        <Button size="sm" colorScheme="invokeYellow" leftIcon={<PiPlusBold />} onPointerUp={handleClickAddModel}>
           {t('modelManager.addModels')}
         </Button>
       </Flex>
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelListItem.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelListItem.tsx
index 60e4964b6d..8958df5a17 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelListItem.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelListItem.tsx
@@ -43,7 +43,7 @@ const ModelListItem = ({ model }: ModelListItemProps) => {
     dispatch(setSelectedModelKey(model.key));
   }, [model.key, dispatch]);
 
-  const onClickDeleteButton = useCallback(
+  const onPointerUpDeleteButton = useCallback(
     (e: MouseEvent<HTMLButtonElement>) => {
       e.stopPropagation();
       onOpen();
@@ -83,7 +83,7 @@ const ModelListItem = ({ model }: ModelListItemProps) => {
       alignItems="center"
       gap={2}
       cursor="pointer"
-      onClick={handleSelectModel}
+      onPointerUp={handleSelectModel}
     >
       <Flex gap={2} w="full" h="full" minW={0}>
         <ModelImage image_url={model.cover_image} />
@@ -110,7 +110,7 @@ const ModelListItem = ({ model }: ModelListItemProps) => {
         </Flex>
       </Flex>
       <IconButton
-        onClick={onClickDeleteButton}
+        onPointerUp={onPointerUpDeleteButton}
         icon={<PiTrashSimpleBold size={16} />}
         aria-label={t('modelManager.deleteConfig')}
         colorScheme="error"
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelListNavigation.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelListNavigation.tsx
index c0a85216a9..d4459b94b0 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelListNavigation.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelListNavigation.tsx
@@ -42,7 +42,7 @@ export const ModelListNavigation = memo(() => {
               variant="link"
               aria-label={t('boards.clearSearch')}
               icon={<PiXBold />}
-              onClick={clearSearch}
+              onPointerUp={clearSearch}
             />
           </InputRightElement>
         )}
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelTypeFilter.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelTypeFilter.tsx
index f395c70d0e..4814d077ec 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelTypeFilter.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelManagerPanel/ModelTypeFilter.tsx
@@ -46,12 +46,12 @@ export const ModelTypeFilter = memo(() => {
         {filteredModelType ? MODEL_TYPE_LABELS[filteredModelType] : t('modelManager.allModels')}
       </MenuButton>
       <MenuList>
-        <MenuItem onClick={clearModelType}>{t('modelManager.allModels')}</MenuItem>
+        <MenuItem onPointerUp={clearModelType}>{t('modelManager.allModels')}</MenuItem>
         {objectKeys(MODEL_TYPE_LABELS).map((option) => (
           <MenuItem
             key={option}
             bg={filteredModelType === option ? 'base.700' : 'transparent'}
-            onClick={selectModelType.bind(null, option)}
+            onPointerUp={selectModelType.bind(null, option)}
           >
             {MODEL_TYPE_LABELS[option]}
           </MenuItem>
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ControlNetOrT2IAdapterDefaultSettings/ControlNetOrT2IAdapterDefaultSettings.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ControlNetOrT2IAdapterDefaultSettings/ControlNetOrT2IAdapterDefaultSettings.tsx
index 25005e76c9..314a8c1939 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ControlNetOrT2IAdapterDefaultSettings/ControlNetOrT2IAdapterDefaultSettings.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ControlNetOrT2IAdapterDefaultSettings/ControlNetOrT2IAdapterDefaultSettings.tsx
@@ -71,7 +71,7 @@ export const ControlNetOrT2IAdapterDefaultSettings = memo(({ modelConfig }: Prop
           leftIcon={<PiCheckBold />}
           colorScheme="invokeYellow"
           isDisabled={!formState.isDirty}
-          onClick={handleSubmit(onSubmit)}
+          onPointerUp={handleSubmit(onSubmit)}
           isLoading={isLoadingUpdateModel}
         >
           {t('common.save')}
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Fields/ModelImageUpload.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Fields/ModelImageUpload.tsx
index 292835a7b7..80827ef58c 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Fields/ModelImageUpload.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/Fields/ModelImageUpload.tsx
@@ -94,7 +94,7 @@ const ModelImageUpload = ({ model_key, model_image }: Props) => {
           position="absolute"
           insetInlineEnd={0}
           insetBlockStart={0}
-          onClick={handleResetImage}
+          onPointerUp={handleResetImage}
           aria-label={t('modelManager.deleteModelImage')}
           tooltip={t('modelManager.deleteModelImage')}
           icon={<PiArrowCounterClockwiseBold />}
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/MainModelDefaultSettings/MainModelDefaultSettings.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/MainModelDefaultSettings/MainModelDefaultSettings.tsx
index 714d2a6b2a..a33496a955 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/MainModelDefaultSettings/MainModelDefaultSettings.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/MainModelDefaultSettings/MainModelDefaultSettings.tsx
@@ -116,7 +116,7 @@ export const MainModelDefaultSettings = memo(({ modelConfig }: Props) => {
           leftIcon={<PiCheckBold />}
           colorScheme="invokeYellow"
           isDisabled={!formState.isDirty}
-          onClick={handleSubmit(onSubmit)}
+          onPointerUp={handleSubmit(onSubmit)}
           isLoading={isLoadingUpdateModel}
         >
           {t('common.save')}
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelConvertButton.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelConvertButton.tsx
index 14119374d4..55d65f1c0f 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelConvertButton.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelConvertButton.tsx
@@ -52,7 +52,7 @@ export const ModelConvertButton = memo(({ modelConfig }: ModelConvertProps) => {
   return (
     <>
       <Button
-        onClick={onOpen}
+        onPointerUp={onOpen}
         size="sm"
         aria-label={t('modelManager.convertToDiffusers')}
         className=" modal-close-btn"
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelEdit.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelEdit.tsx
index 89571e6202..8efb871072 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelEdit.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelEdit.tsx
@@ -80,7 +80,7 @@ export const ModelEdit = memo(({ modelConfig }: Props) => {
   return (
     <Flex flexDir="column" gap={4}>
       <ModelHeader modelConfig={modelConfig}>
-        <Button flexShrink={0} size="sm" onClick={handleClickCancel} leftIcon={<PiXBold />}>
+        <Button flexShrink={0} size="sm" onPointerUp={handleClickCancel} leftIcon={<PiXBold />}>
           {t('common.cancel')}
         </Button>
         <Button
@@ -88,7 +88,7 @@ export const ModelEdit = memo(({ modelConfig }: Props) => {
           size="sm"
           colorScheme="invokeYellow"
           leftIcon={<PiCheckBold />}
-          onClick={form.handleSubmit(onSubmit)}
+          onPointerUp={form.handleSubmit(onSubmit)}
           isLoading={isSubmitting}
           isDisabled={Boolean(Object.keys(form.formState.errors).length)}
         >
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelEditButton.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelEditButton.tsx
index c308426bc4..2242e69556 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelEditButton.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/ModelEditButton.tsx
@@ -14,7 +14,7 @@ export const ModelEditButton = memo(() => {
   }, [dispatch]);
 
   return (
-    <Button size="sm" leftIcon={<PiPencilBold />} colorScheme="invokeYellow" onClick={handleEditModel} flexShrink={0}>
+    <Button size="sm" leftIcon={<PiPencilBold />} colorScheme="invokeYellow" onPointerUp={handleEditModel} flexShrink={0}>
       {t('modelManager.edit')}
     </Button>
   );
diff --git a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/TriggerPhrases.tsx b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/TriggerPhrases.tsx
index 3f5133dedf..421556f851 100644
--- a/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/TriggerPhrases.tsx
+++ b/invokeai/frontend/web/src/features/modelManagerV2/subpanels/ModelPanel/TriggerPhrases.tsx
@@ -85,7 +85,7 @@ export const TriggerPhrases = memo(({ modelConfig }: Props) => {
               <Button
                 leftIcon={<PiPlusBold />}
                 size="sm"
-                onClick={addTriggerPhrase}
+                onPointerUp={addTriggerPhrase}
                 isDisabled={!phrase || Boolean(errors.length)}
                 isLoading={isLoading}
               >
@@ -103,7 +103,7 @@ export const TriggerPhrases = memo(({ modelConfig }: Props) => {
         {triggerPhrases.map((phrase, index) => (
           <Tag size="md" key={index} py={2} px={4} bg="base.700">
             <TagLabel>{phrase}</TagLabel>
-            <TagCloseButton onClick={removeTriggerPhrase.bind(null, phrase)} isDisabled={isLoading} />
+            <TagCloseButton onPointerUp={removeTriggerPhrase.bind(null, phrase)} isDisabled={isLoading} />
           </Tag>
         ))}
       </Flex>
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/EditableFieldTitle.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/EditableFieldTitle.tsx
index 49fd320558..8b79a05358 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/EditableFieldTitle.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/EditableFieldTitle.tsx
@@ -113,11 +113,11 @@ const EditableControls = memo(() => {
   const { isEditing, getEditButtonProps } = useEditableControls();
   const handleClick = useCallback(
     (e: MouseEvent<HTMLDivElement>) => {
-      const { onClick } = getEditButtonProps();
-      if (!onClick) {
+      const { onPointerUp } = getEditButtonProps();
+      if (!onPointerUp) {
         return;
       }
-      onClick(e);
+      onPointerUp(e);
       e.preventDefault();
     },
     [getEditButtonProps]
@@ -129,7 +129,7 @@ const EditableControls = memo(() => {
 
   return (
     <Flex
-      onClick={handleClick}
+      onPointerUp={handleClick}
       position="absolute"
       w="min-content"
       h="full"
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/FieldLinearViewToggle.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/FieldLinearViewToggle.tsx
index ff59e02916..622bfba3a6 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/FieldLinearViewToggle.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/FieldLinearViewToggle.tsx
@@ -45,7 +45,7 @@ const FieldLinearViewToggle = ({ nodeId, fieldName }: Props) => {
         tooltip={t('nodes.addLinearView')}
         aria-label={t('nodes.addLinearView')}
         icon={<PiPlusBold />}
-        onClick={handleExposeField}
+        onPointerUp={handleExposeField}
         pointerEvents="auto"
         size="xs"
       />
@@ -57,7 +57,7 @@ const FieldLinearViewToggle = ({ nodeId, fieldName }: Props) => {
         tooltip={t('nodes.removeLinearView')}
         aria-label={t('nodes.removeLinearView')}
         icon={<PiMinusBold />}
-        onClick={handleUnexposeField}
+        onPointerUp={handleUnexposeField}
         pointerEvents="auto"
         size="xs"
       />
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/LinearViewField.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/LinearViewField.tsx
index ef466b2882..82d657a4f6 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/LinearViewField.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/LinearViewField.tsx
@@ -71,7 +71,7 @@ const LinearViewFieldInternal = ({ nodeId, fieldName }: Props) => {
               tooltip={t('nodes.resetToDefaultValue')}
               variant="ghost"
               size="sm"
-              onClick={onReset}
+              onPointerUp={onReset}
               icon={<PiArrowCounterClockwiseBold />}
             />
           )}
@@ -89,7 +89,7 @@ const LinearViewFieldInternal = ({ nodeId, fieldName }: Props) => {
             tooltip={t('nodes.removeLinearView')}
             variant="ghost"
             size="sm"
-            onClick={handleRemoveField}
+            onPointerUp={handleRemoveField}
             icon={<PiTrashSimpleBold />}
           />
         </Flex>
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/inputs/ImageFieldInputComponent.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/inputs/ImageFieldInputComponent.tsx
index b6c264abf1..20747e8139 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/inputs/ImageFieldInputComponent.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/inputs/ImageFieldInputComponent.tsx
@@ -78,7 +78,7 @@ const ImageFieldInputComponent = (props: FieldComponentProps<ImageFieldInputInst
         minSize={8}
       >
         <IAIDndImageIcon
-          onClick={handleReset}
+          onPointerUp={handleReset}
           icon={imageDTO ? <PiArrowCounterClockwiseBold /> : undefined}
           tooltip="Reset Image"
         />
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeCollapseButton.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeCollapseButton.tsx
index 372854b703..2024b02aa1 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeCollapseButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeCollapseButton.tsx
@@ -22,7 +22,7 @@ const NodeCollapseButton = ({ nodeId, isOpen }: Props) => {
   return (
     <IconButton
       className="nodrag"
-      onClick={handleClick}
+      onPointerUp={handleClick}
       aria-label="Minimize"
       minW={8}
       w={8}
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeTitle.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeTitle.tsx
index 58e9bd9915..24caedb878 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeTitle.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeTitle.tsx
@@ -64,11 +64,11 @@ function EditableControls() {
   const { isEditing, getEditButtonProps } = useEditableControls();
   const handleDoubleClick = useCallback(
     (e: MouseEvent<HTMLDivElement>) => {
-      const { onClick } = getEditButtonProps();
-      if (!onClick) {
+      const { onPointerUp } = getEditButtonProps();
+      if (!onPointerUp) {
         return;
       }
-      onClick(e);
+      onPointerUp(e);
     },
     [getEditButtonProps]
   );
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeWrapper.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeWrapper.tsx
index 7ae3872864..3b4bd72e3f 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeWrapper.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/common/NodeWrapper.tsx
@@ -59,7 +59,7 @@ const NodeWrapper = (props: NodeWrapperProps) => {
 
   return (
     <Box
-      onClick={handleClick}
+      onPointerUp={handleClick}
       onMouseEnter={handleMouseOver}
       onMouseLeave={handleMouseOut}
       className={DRAG_HANDLE_CLASSNAME}
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/panels/BottomLeftPanel/ViewportControls.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/panels/BottomLeftPanel/ViewportControls.tsx
index 56d74c31db..16333e378b 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/panels/BottomLeftPanel/ViewportControls.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/panels/BottomLeftPanel/ViewportControls.tsx
@@ -41,19 +41,19 @@ const ViewportControls = () => {
       <IconButton
         tooltip={t('nodes.zoomInNodes')}
         aria-label={t('nodes.zoomInNodes')}
-        onClick={handleClickedZoomIn}
+        onPointerUp={handleClickedZoomIn}
         icon={<PiMagnifyingGlassPlusBold />}
       />
       <IconButton
         tooltip={t('nodes.zoomOutNodes')}
         aria-label={t('nodes.zoomOutNodes')}
-        onClick={handleClickedZoomOut}
+        onPointerUp={handleClickedZoomOut}
         icon={<PiMagnifyingGlassMinusBold />}
       />
       <IconButton
         tooltip={t('nodes.fitViewportNodes')}
         aria-label={t('nodes.fitViewportNodes')}
-        onClick={handleClickedFitView}
+        onPointerUp={handleClickedFitView}
         icon={<PiFrameCornersBold />}
       />
       {/* <Tooltip
@@ -66,7 +66,7 @@ const ViewportControls = () => {
         <IconButton
           aria-label="Toggle field type legend"
           isChecked={shouldShowFieldTypeLegend}
-          onClick={handleClickedToggleFieldTypeLegend}
+          onPointerUp={handleClickedToggleFieldTypeLegend}
           icon={<FaInfo />}
         />
       </Tooltip> */}
@@ -74,7 +74,7 @@ const ViewportControls = () => {
         tooltip={shouldShowMinimapPanel ? t('nodes.hideMinimapnodes') : t('nodes.showMinimapnodes')}
         aria-label={shouldShowMinimapPanel ? t('nodes.hideMinimapnodes') : t('nodes.showMinimapnodes')}
         isChecked={shouldShowMinimapPanel}
-        onClick={handleClickedToggleMiniMapPanel}
+        onPointerUp={handleClickedToggleMiniMapPanel}
         icon={<PiMapPinBold />}
       />
     </ButtonGroup>
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/AddNodeButton.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/AddNodeButton.tsx
index 72beff084c..be354ee460 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/AddNodeButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/AddNodeButton.tsx
@@ -13,7 +13,7 @@ const AddNodeButton = () => {
       tooltip={t('nodes.addNodeToolTip')}
       aria-label={t('nodes.addNode')}
       icon={<PiPlusBold />}
-      onClick={addNodeCmdk.setTrue}
+      onPointerUp={addNodeCmdk.setTrue}
       pointerEvents="auto"
     />
   );
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/ClearFlowButton.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/ClearFlowButton.tsx
index 87f7ad71ce..295779165b 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/ClearFlowButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/ClearFlowButton.tsx
@@ -25,7 +25,7 @@ const ClearFlowButton = () => {
     onClose();
   }, [dispatch, onClose, t]);
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     if (!isTouched) {
       handleNewWorkflow();
       return;
@@ -39,7 +39,7 @@ const ClearFlowButton = () => {
         tooltip={t('nodes.clearWorkflow')}
         aria-label={t('nodes.clearWorkflow')}
         icon={<PiTrashSimpleFill />}
-        onClick={onClick}
+        onPointerUp={onPointerUp}
         pointerEvents="auto"
       />
       <ConfirmationAlertDialog
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/SaveWorkflowButton.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/SaveWorkflowButton.tsx
index 557dc6c289..e059191de0 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/SaveWorkflowButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/SaveWorkflowButton.tsx
@@ -33,7 +33,7 @@ const SaveWorkflowButton = () => {
       aria-label={t('workflows.saveWorkflow')}
       icon={<PiFloppyDiskBold />}
       isDisabled={!isTouched}
-      onClick={handleClickSave}
+      onPointerUp={handleClickSave}
       pointerEvents="auto"
     />
   );
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/UpdateNodesButton.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/UpdateNodesButton.tsx
index 9fa710bfb5..f521521923 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/UpdateNodesButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopPanel/UpdateNodesButton.tsx
@@ -23,7 +23,7 @@ const UpdateNodesButton = () => {
       tooltip={t('nodes.updateAllNodes')}
       aria-label={t('nodes.updateAllNodes')}
       icon={<PiWarningBold />}
-      onClick={handleClickUpdateNodes}
+      onPointerUp={handleClickUpdateNodes}
       pointerEvents="auto"
       colorScheme="warning"
     />
diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopRightPanel/ReloadSchemaButton.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopRightPanel/ReloadSchemaButton.tsx
index 86fa639bf7..f7f75c1487 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopRightPanel/ReloadSchemaButton.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/panels/TopRightPanel/ReloadSchemaButton.tsx
@@ -17,7 +17,7 @@ const ReloadNodeTemplatesButton = () => {
       leftIcon={<PiArrowsClockwiseBold />}
       tooltip={t('nodes.reloadNodeTemplates')}
       aria-label={t('nodes.reloadNodeTemplates')}
-      onClick={handleReloadSchema}
+      onPointerUp={handleReloadSchema}
     >
       {t('nodes.reloadNodeTemplates')}
     </Button>
diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/ModeToggle.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/ModeToggle.tsx
index d1af8e7a74..72ae6b2e90 100644
--- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/ModeToggle.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/ModeToggle.tsx
@@ -10,11 +10,11 @@ export const ModeToggle = () => {
   const mode = useAppSelector(selectWorkflowMode);
   const { t } = useTranslation();
 
-  const onClickEdit = useCallback(() => {
+  const onPointerUpEdit = useCallback(() => {
     dispatch(workflowModeChanged('edit'));
   }, [dispatch]);
 
-  const onClickView = useCallback(() => {
+  const onPointerUpView = useCallback(() => {
     dispatch(workflowModeChanged('view'));
   }, [dispatch]);
 
@@ -24,7 +24,7 @@ export const ModeToggle = () => {
         <IconButton
           aria-label={t('nodes.editMode')}
           tooltip={t('nodes.editMode')}
-          onClick={onClickEdit}
+          onPointerUp={onPointerUpEdit}
           icon={<PiPencilBold />}
           colorScheme="invokeBlue"
         />
@@ -33,7 +33,7 @@ export const ModeToggle = () => {
         <IconButton
           aria-label={t('nodes.viewMode')}
           tooltip={t('nodes.viewMode')}
-          onClick={onClickView}
+          onPointerUp={onPointerUpView}
           icon={<PiEyeBold />}
           colorScheme="invokeBlue"
         />
diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/EmptyState.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/EmptyState.tsx
index 322e7014ca..664ebbd545 100644
--- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/EmptyState.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/EmptyState.tsx
@@ -9,7 +9,7 @@ export const EmptyState = () => {
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(workflowModeChanged('edit'));
   }, [dispatch]);
 
@@ -46,7 +46,7 @@ export const EmptyState = () => {
         <Text textAlign="center" fontSize="md">
           {t('nodes.noFieldsViewMode')}
         </Text>
-        <Button colorScheme="invokeBlue" onClick={onClick}>
+        <Button colorScheme="invokeBlue" onPointerUp={onPointerUp}>
           {t('nodes.edit')}
         </Button>
       </Flex>
diff --git a/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/WorkflowField.tsx b/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/WorkflowField.tsx
index 482de6693e..bda5827636 100644
--- a/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/WorkflowField.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/sidePanel/viewMode/WorkflowField.tsx
@@ -32,7 +32,7 @@ const WorkflowFieldInternal = ({ nodeId, fieldName }: Props) => {
             tooltip={t('nodes.resetToDefaultValue')}
             variant="ghost"
             size="sm"
-            onClick={onReset}
+            onPointerUp={onReset}
             icon={<PiArrowCounterClockwiseBold />}
           />
         )}
diff --git a/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxLockAspectRatioButton.tsx b/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxLockAspectRatioButton.tsx
index c8ea636242..64238f017e 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxLockAspectRatioButton.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxLockAspectRatioButton.tsx
@@ -15,7 +15,7 @@ export const BboxLockAspectRatioButton = memo(() => {
   const dispatch = useAppDispatch();
   const isLocked = useAppSelector(selectAspectRatioIsLocked);
   const isStaging = useAppSelector(selectIsStaging);
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(bboxAspectRatioLockToggled());
   }, [dispatch]);
 
@@ -23,7 +23,7 @@ export const BboxLockAspectRatioButton = memo(() => {
     <IconButton
       tooltip={t('parameters.lockAspectRatio')}
       aria-label={t('parameters.lockAspectRatio')}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       variant={isLocked ? 'outline' : 'ghost'}
       size="sm"
       icon={isLocked ? <PiLockSimpleFill /> : <PiLockSimpleOpenBold />}
diff --git a/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxSetOptimalSizeButton.tsx b/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxSetOptimalSizeButton.tsx
index b01fd78a5f..799634ad84 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxSetOptimalSizeButton.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxSetOptimalSizeButton.tsx
@@ -27,7 +27,7 @@ export const BboxSetOptimalSizeButton = memo(() => {
     () => getIsSizeTooLarge(width, height, optimalDimension),
     [height, width, optimalDimension]
   );
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(bboxSizeOptimized());
   }, [dispatch]);
   const tooltip = useMemo(() => {
@@ -44,7 +44,7 @@ export const BboxSetOptimalSizeButton = memo(() => {
     <IconButton
       tooltip={tooltip}
       aria-label={t('parameters.setToOptimalSize')}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       variant="ghost"
       size="sm"
       icon={<PiSparkleFill />}
diff --git a/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxSwapDimensionsButton.tsx b/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxSwapDimensionsButton.tsx
index a516cd27a9..e76775286c 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxSwapDimensionsButton.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Bbox/BboxSwapDimensionsButton.tsx
@@ -10,14 +10,14 @@ export const BboxSwapDimensionsButton = memo(() => {
   const { t } = useTranslation();
   const dispatch = useAppDispatch();
   const isStaging = useAppSelector(selectIsStaging);
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(bboxDimensionsSwapped());
   }, [dispatch]);
   return (
     <IconButton
       tooltip={t('parameters.swapDimensions')}
       aria-label={t('parameters.swapDimensions')}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       variant="ghost"
       size="sm"
       icon={<PiArrowsDownUpBold />}
diff --git a/invokeai/frontend/web/src/features/parameters/components/MainModel/NavigateToModelManagerButton.tsx b/invokeai/frontend/web/src/features/parameters/components/MainModel/NavigateToModelManagerButton.tsx
index cd29a8035b..cd01891b42 100644
--- a/invokeai/frontend/web/src/features/parameters/components/MainModel/NavigateToModelManagerButton.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/MainModel/NavigateToModelManagerButton.tsx
@@ -25,7 +25,7 @@ export const NavigateToModelManagerButton = memo((props: Omit<IconButtonProps, '
       icon={<PiGearSixFill />}
       tooltip={`${t('common.goTo')} ${t('ui.tabs.modelsTab')}`}
       aria-label={`${t('common.goTo')} ${t('ui.tabs.modelsTab')}`}
-      onClick={handleClick}
+      onPointerUp={handleClick}
       size="sm"
       variant="ghost"
       {...props}
diff --git a/invokeai/frontend/web/src/features/parameters/components/MainModel/UseDefaultSettingsButton.tsx b/invokeai/frontend/web/src/features/parameters/components/MainModel/UseDefaultSettingsButton.tsx
index 739ae445fe..3e1f99a846 100644
--- a/invokeai/frontend/web/src/features/parameters/components/MainModel/UseDefaultSettingsButton.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/MainModel/UseDefaultSettingsButton.tsx
@@ -21,7 +21,7 @@ export const UseDefaultSettingsButton = () => {
       tooltip={t('modelManager.useDefaultSettings')}
       aria-label={t('modelManager.useDefaultSettings')}
       isDisabled={!model}
-      onClick={handleClickDefaultSettings}
+      onPointerUp={handleClickDefaultSettings}
       size="sm"
       variant="ghost"
     />
diff --git a/invokeai/frontend/web/src/features/parameters/components/PostProcessing/PostProcessingPopover.tsx b/invokeai/frontend/web/src/features/parameters/components/PostProcessing/PostProcessingPopover.tsx
index 2b8b335994..5d70f9d4b3 100644
--- a/invokeai/frontend/web/src/features/parameters/components/PostProcessing/PostProcessingPopover.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/PostProcessing/PostProcessingPopover.tsx
@@ -44,7 +44,7 @@ export const PostProcessingPopover = memo((props: Props) => {
       <PopoverTrigger>
         <IconButton
           tooltip={t('parameters.postProcessing')}
-          onClick={onOpen}
+          onPointerUp={onOpen}
           icon={<PiFrameCornersBold />}
           aria-label={t('parameters.postProcessing')}
         />
@@ -54,7 +54,7 @@ export const PostProcessingPopover = memo((props: Props) => {
           <Flex flexDirection="column" gap={4}>
             <ParamPostProcessingModel />
             {!postProcessingModel && <MissingModelWarning />}
-            <Button size="sm" isDisabled={!imageDTO || inProgress || !postProcessingModel} onClick={handleClickUpscale}>
+            <Button size="sm" isDisabled={!imageDTO || inProgress || !postProcessingModel} onPointerUp={handleClickUpscale}>
               {t('parameters.processImage')}
             </Button>
           </Flex>
@@ -81,7 +81,7 @@ const MissingModelWarning = () => {
           i18nKey="upscaling.postProcessingMissingModelWarning"
           components={{
             LinkComponent: (
-              <Button size="sm" flexGrow={0} variant="link" color="base.50" onClick={handleGoToModelManager} />
+              <Button size="sm" flexGrow={0} variant="link" color="base.50" onPointerUp={handleGoToModelManager} />
             ),
           }}
         />
diff --git a/invokeai/frontend/web/src/features/parameters/components/Prompts/ViewModePrompt.tsx b/invokeai/frontend/web/src/features/parameters/components/Prompts/ViewModePrompt.tsx
index d2801dd34c..0a9a82c6ea 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Prompts/ViewModePrompt.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Prompts/ViewModePrompt.tsx
@@ -32,7 +32,7 @@ export const ViewModePrompt = ({
     <Box position="absolute" top={0} bottom={0} left={0} right={0} layerStyle="second" borderRadius="base">
       <Flex
         flexDir="column"
-        onClick={handleExitViewMode}
+        onPointerUp={handleExitViewMode}
         justifyContent="space-between"
         h="full"
         borderWidth={1}
diff --git a/invokeai/frontend/web/src/features/parameters/components/Seed/ParamSeedShuffle.tsx b/invokeai/frontend/web/src/features/parameters/components/Seed/ParamSeedShuffle.tsx
index 5223a5d06f..704941555a 100644
--- a/invokeai/frontend/web/src/features/parameters/components/Seed/ParamSeedShuffle.tsx
+++ b/invokeai/frontend/web/src/features/parameters/components/Seed/ParamSeedShuffle.tsx
@@ -21,7 +21,7 @@ export const ParamSeedShuffle = memo(() => {
     <Button
       size="sm"
       isDisabled={shouldRandomizeSeed}
-      onClick={handleClickRandomizeSeed}
+      onPointerUp={handleClickRandomizeSeed}
       leftIcon={<PiShuffleBold />}
       flexShrink={0}
     >
diff --git a/invokeai/frontend/web/src/features/prompt/AddPromptTriggerButton.tsx b/invokeai/frontend/web/src/features/prompt/AddPromptTriggerButton.tsx
index bda8f2eed2..4c0778ab06 100644
--- a/invokeai/frontend/web/src/features/prompt/AddPromptTriggerButton.tsx
+++ b/invokeai/frontend/web/src/features/prompt/AddPromptTriggerButton.tsx
@@ -18,7 +18,7 @@ export const AddPromptTriggerButton = memo((props: Props) => {
         isDisabled={isOpen}
         aria-label={t('prompt.addPromptTrigger')}
         icon={<PiCodeBold />}
-        onClick={onOpen}
+        onPointerUp={onOpen}
       />
     </Tooltip>
   );
diff --git a/invokeai/frontend/web/src/features/queue/components/ClearInvocationCacheButton.tsx b/invokeai/frontend/web/src/features/queue/components/ClearInvocationCacheButton.tsx
index 52b1b237e7..2a6e27617a 100644
--- a/invokeai/frontend/web/src/features/queue/components/ClearInvocationCacheButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/ClearInvocationCacheButton.tsx
@@ -8,7 +8,7 @@ const ClearInvocationCacheButton = () => {
   const { clearInvocationCache, isDisabled, isLoading } = useClearInvocationCache();
 
   return (
-    <Button isDisabled={isDisabled} isLoading={isLoading} onClick={clearInvocationCache}>
+    <Button isDisabled={isDisabled} isLoading={isLoading} onPointerUp={clearInvocationCache}>
       {t('invocationCache.clear')}
     </Button>
   );
diff --git a/invokeai/frontend/web/src/features/queue/components/ClearQueueButton.tsx b/invokeai/frontend/web/src/features/queue/components/ClearQueueButton.tsx
index 297eb313e4..cb7a325563 100644
--- a/invokeai/frontend/web/src/features/queue/components/ClearQueueButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/ClearQueueButton.tsx
@@ -20,7 +20,7 @@ const ClearQueueButton = (props: Props) => {
         tooltip={t('queue.clearTooltip')}
         leftIcon={<PiTrashSimpleFill />}
         colorScheme="error"
-        onClick={clearQueue.openDialog}
+        onPointerUp={clearQueue.openDialog}
         data-testid={t('queue.clear')}
         {...props}
       >
diff --git a/invokeai/frontend/web/src/features/queue/components/ClearQueueIconButton.tsx b/invokeai/frontend/web/src/features/queue/components/ClearQueueIconButton.tsx
index 9d9ccc0b49..12a2e18de4 100644
--- a/invokeai/frontend/web/src/features/queue/components/ClearQueueIconButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/ClearQueueIconButton.tsx
@@ -24,7 +24,7 @@ export const ClearQueueIconButton = memo((_) => {
       tooltip={shift ? t('queue.clearTooltip') : t('queue.cancelTooltip')}
       icon={shift ? <PiTrashSimpleBold /> : <PiXBold />}
       colorScheme="error"
-      onClick={shift ? clearQueue.openDialog : cancelCurrentQueueItem.cancelQueueItem}
+      onPointerUp={shift ? clearQueue.openDialog : cancelCurrentQueueItem.cancelQueueItem}
       data-testid={shift ? t('queue.clear') : t('queue.cancel')}
     />
   );
diff --git a/invokeai/frontend/web/src/features/queue/components/InvokeQueueBackButton.tsx b/invokeai/frontend/web/src/features/queue/components/InvokeQueueBackButton.tsx
index 54b076bee9..83b4e7524f 100644
--- a/invokeai/frontend/web/src/features/queue/components/InvokeQueueBackButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/InvokeQueueBackButton.tsx
@@ -20,7 +20,7 @@ export const InvokeButton = memo(() => {
       <QueueIterationsNumberInput />
       <QueueButtonTooltip prepend={shift}>
         <Button
-          onClick={shift ? queue.queueFront : queue.queueBack}
+          onPointerUp={shift ? queue.queueFront : queue.queueBack}
           isLoading={queue.isLoading || isLoadingDynamicPrompts}
           loadingText={invoke}
           isDisabled={queue.isDisabled}
diff --git a/invokeai/frontend/web/src/features/queue/components/PauseProcessorButton.tsx b/invokeai/frontend/web/src/features/queue/components/PauseProcessorButton.tsx
index 45a95951f9..2d1da4dac9 100644
--- a/invokeai/frontend/web/src/features/queue/components/PauseProcessorButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/PauseProcessorButton.tsx
@@ -21,7 +21,7 @@ const PauseProcessorButton = ({ asIconButton }: Props) => {
       isDisabled={isDisabled}
       isLoading={isLoading}
       icon={<PiPauseFill />}
-      onClick={pauseProcessor}
+      onPointerUp={pauseProcessor}
       colorScheme="gold"
     />
   );
diff --git a/invokeai/frontend/web/src/features/queue/components/PruneQueueButton.tsx b/invokeai/frontend/web/src/features/queue/components/PruneQueueButton.tsx
index 8ecf7a60c9..ed177d3ba5 100644
--- a/invokeai/frontend/web/src/features/queue/components/PruneQueueButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/PruneQueueButton.tsx
@@ -21,7 +21,7 @@ const PruneQueueButton = ({ asIconButton }: Props) => {
       label={t('queue.prune')}
       tooltip={t('queue.pruneTooltip', { item_count: finishedCount })}
       icon={<PiBroomBold />}
-      onClick={pruneQueue}
+      onPointerUp={pruneQueue}
       colorScheme="invokeBlue"
     />
   );
diff --git a/invokeai/frontend/web/src/features/queue/components/QueueActionsMenuButton.tsx b/invokeai/frontend/web/src/features/queue/components/QueueActionsMenuButton.tsx
index 1ae76eec4b..142f015bcc 100644
--- a/invokeai/frontend/web/src/features/queue/components/QueueActionsMenuButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/QueueActionsMenuButton.tsx
@@ -52,10 +52,10 @@ export const QueueActionsMenuButton = memo(() => {
         <MenuButton ref={ref} as={IconButton} size="lg" aria-label="Queue Actions Menu" icon={<PiListBold />} />
         <MenuList>
           <MenuGroup title={t('common.new')}>
-            <MenuItem icon={<PiImageBold />} onClick={newGallerySessionWithDialog}>
+            <MenuItem icon={<PiImageBold />} onPointerUp={newGallerySessionWithDialog}>
               {t('controlLayers.newGallerySession')}
             </MenuItem>
-            <MenuItem icon={<PiPaintBrushBold />} onClick={newCanvasSessionWithDialog}>
+            <MenuItem icon={<PiPaintBrushBold />} onPointerUp={newCanvasSessionWithDialog}>
               {t('controlLayers.newCanvasSession')}
             </MenuItem>
           </MenuGroup>
@@ -63,7 +63,7 @@ export const QueueActionsMenuButton = memo(() => {
             <MenuItem
               isDestructive
               icon={<PiXBold />}
-              onClick={clearQueue.openDialog}
+              onPointerUp={clearQueue.openDialog}
               isLoading={clearQueue.isLoading}
               isDisabled={clearQueue.isDisabled}
             >
@@ -72,7 +72,7 @@ export const QueueActionsMenuButton = memo(() => {
             <MenuItem
               isDestructive
               icon={<PiTrashSimpleBold />}
-              onClick={clearQueue.openDialog}
+              onPointerUp={clearQueue.openDialog}
               isLoading={clearQueue.isLoading}
               isDisabled={clearQueue.isDisabled}
             >
@@ -81,7 +81,7 @@ export const QueueActionsMenuButton = memo(() => {
             {isResumeEnabled && (
               <MenuItem
                 icon={<PiPlayFill />}
-                onClick={resumeProcessor}
+                onPointerUp={resumeProcessor}
                 isLoading={isLoadingResumeProcessor}
                 isDisabled={isDisabledResumeProcessor}
               >
@@ -91,14 +91,14 @@ export const QueueActionsMenuButton = memo(() => {
             {isPauseEnabled && (
               <MenuItem
                 icon={<PiPauseFill />}
-                onClick={pauseProcessor}
+                onPointerUp={pauseProcessor}
                 isLoading={isLoadingPauseProcessor}
                 isDisabled={isDisabledPauseProcessor}
               >
                 {t('queue.pauseTooltip')}
               </MenuItem>
             )}
-            <MenuItem icon={<PiQueueBold />} onClick={openQueue}>
+            <MenuItem icon={<PiQueueBold />} onPointerUp={openQueue}>
               {t('queue.openQueue')}
             </MenuItem>
           </MenuGroup>
diff --git a/invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemComponent.tsx b/invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemComponent.tsx
index a4a1b41a9d..a57331988e 100644
--- a/invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemComponent.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemComponent.tsx
@@ -66,7 +66,7 @@ const QueueItemComponent = ({ index, item, context }: InnerItemProps) => {
       sx={sx}
       data-testid="queue-item"
     >
-      <Flex minH={9} alignItems="center" gap={4} p={1.5} cursor="pointer" onClick={handleToggle}>
+      <Flex minH={9} alignItems="center" gap={4} p={1.5} cursor="pointer" onPointerUp={handleToggle}>
         <Flex w={COLUMN_WIDTHS.number} justifyContent="flex-end" alignItems="center" flexShrink={0}>
           <Text variant="subtext">{index + 1}</Text>
         </Flex>
@@ -110,7 +110,7 @@ const QueueItemComponent = ({ index, item, context }: InnerItemProps) => {
         <Flex alignItems="center" w={COLUMN_WIDTHS.actions} pe={3}>
           <ButtonGroup size="xs" variant="ghost">
             <IconButton
-              onClick={handleCancelQueueItem}
+              onPointerUp={handleCancelQueueItem}
               isDisabled={isCanceled}
               isLoading={isLoading}
               aria-label={t('queue.cancelItem')}
diff --git a/invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemDetail.tsx b/invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemDetail.tsx
index ee05039f5a..c5781fd40a 100644
--- a/invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemDetail.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/QueueList/QueueItemDetail.tsx
@@ -62,7 +62,7 @@ const QueueItemComponent = ({ queueItemDTO }: Props) => {
         <QueueItemData label={t('queue.session')} data={session_id} />
         <ButtonGroup size="xs" orientation="vertical">
           <Button
-            onClick={cancelQueueItem}
+            onPointerUp={cancelQueueItem}
             isLoading={isLoadingCancelQueueItem}
             isDisabled={queueItem ? ['canceled', 'completed', 'failed'].includes(queueItem.status) : true}
             aria-label={t('queue.cancelItem')}
@@ -72,7 +72,7 @@ const QueueItemComponent = ({ queueItemDTO }: Props) => {
             {t('queue.cancelItem')}
           </Button>
           <Button
-            onClick={cancelBatch}
+            onPointerUp={cancelBatch}
             isLoading={isLoadingCancelBatch}
             isDisabled={isCanceled}
             aria-label={t('queue.cancelBatch')}
diff --git a/invokeai/frontend/web/src/features/queue/components/ResumeProcessorButton.tsx b/invokeai/frontend/web/src/features/queue/components/ResumeProcessorButton.tsx
index cf62f8cb2a..1973a7b75d 100644
--- a/invokeai/frontend/web/src/features/queue/components/ResumeProcessorButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/ResumeProcessorButton.tsx
@@ -21,7 +21,7 @@ const ResumeProcessorButton = ({ asIconButton }: Props) => {
       isDisabled={isDisabled}
       isLoading={isLoading}
       icon={<PiPlayFill />}
-      onClick={resumeProcessor}
+      onPointerUp={resumeProcessor}
       colorScheme="green"
     />
   );
diff --git a/invokeai/frontend/web/src/features/queue/components/SendToToggle.tsx b/invokeai/frontend/web/src/features/queue/components/SendToToggle.tsx
index d458a61e85..71145a75c3 100644
--- a/invokeai/frontend/web/src/features/queue/components/SendToToggle.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/SendToToggle.tsx
@@ -184,14 +184,14 @@ TooltipContent.displayName = 'TooltipContent';
 const ActivateCanvasButton = (props: PropsWithChildren) => {
   const dispatch = useAppDispatch();
   const imageViewer = useImageViewer();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(setActiveTab('canvas'));
     selectCanvasRightPanelLayersTab();
     imageViewer.close();
   }, [dispatch, imageViewer]);
   return (
     <Button
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       size="sm"
       variant="link"
       color="base.800"
diff --git a/invokeai/frontend/web/src/features/queue/components/ToggleInvocationCacheButton.tsx b/invokeai/frontend/web/src/features/queue/components/ToggleInvocationCacheButton.tsx
index 1720e6a69d..dc3d851c8d 100644
--- a/invokeai/frontend/web/src/features/queue/components/ToggleInvocationCacheButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/ToggleInvocationCacheButton.tsx
@@ -23,14 +23,14 @@ const ToggleInvocationCacheButton = () => {
 
   if (cacheStatus?.enabled) {
     return (
-      <Button isDisabled={isDisableDisabled} isLoading={isDisableLoading} onClick={disableInvocationCache}>
+      <Button isDisabled={isDisableDisabled} isLoading={isDisableLoading} onPointerUp={disableInvocationCache}>
         {t('invocationCache.disable')}
       </Button>
     );
   }
 
   return (
-    <Button isDisabled={isEnableDisabled} isLoading={isEnableLoading} onClick={enableInvocationCache}>
+    <Button isDisabled={isEnableDisabled} isLoading={isEnableLoading} onPointerUp={enableInvocationCache}>
       {t('invocationCache.enable')}
     </Button>
   );
diff --git a/invokeai/frontend/web/src/features/queue/components/common/QueueButton.tsx b/invokeai/frontend/web/src/features/queue/components/common/QueueButton.tsx
index 786708faf1..4441043368 100644
--- a/invokeai/frontend/web/src/features/queue/components/common/QueueButton.tsx
+++ b/invokeai/frontend/web/src/features/queue/components/common/QueueButton.tsx
@@ -7,7 +7,7 @@ type Props = {
   label: string;
   tooltip: ReactNode;
   icon?: ReactElement;
-  onClick?: () => void;
+  onPointerUp?: () => void;
   isDisabled?: boolean;
   colorScheme: ThemeTypings['colorSchemes'];
   asIconButton?: boolean;
@@ -20,7 +20,7 @@ const QueueButton = ({
   label,
   tooltip,
   icon,
-  onClick,
+  onPointerUp,
   isDisabled,
   colorScheme,
   asIconButton,
@@ -34,7 +34,7 @@ const QueueButton = ({
         aria-label={label}
         tooltip={tooltip}
         icon={icon}
-        onClick={onClick}
+        onPointerUp={onPointerUp}
         isDisabled={isDisabled}
         colorScheme={colorScheme}
         isLoading={isLoading}
@@ -49,7 +49,7 @@ const QueueButton = ({
       aria-label={label}
       tooltip={tooltip}
       leftIcon={icon}
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       isDisabled={isDisabled}
       colorScheme={colorScheme}
       isLoading={isLoading}
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/SDXLConcatButton.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/SDXLConcatButton.tsx
index 79a23e3717..ccda764b42 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/SDXLConcatButton.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLPrompts/SDXLConcatButton.tsx
@@ -24,7 +24,7 @@ export const SDXLConcatButton = memo(() => {
     <Tooltip label={label}>
       <IconButton
         aria-label={label}
-        onClick={handleShouldConcatPromptChange}
+        onPointerUp={handleShouldConcatPromptChange}
         icon={shouldConcatPrompts ? <PiLinkSimpleBold size={14} /> : <PiLinkSimpleBreakBold size={14} />}
         variant="promptOverlay"
         fontSize={12}
diff --git a/invokeai/frontend/web/src/features/sdxl/components/SDXLRefiner/ParamSDXLRefinerModelSelect.tsx b/invokeai/frontend/web/src/features/sdxl/components/SDXLRefiner/ParamSDXLRefinerModelSelect.tsx
index 75b00624a6..3591c8c133 100644
--- a/invokeai/frontend/web/src/features/sdxl/components/SDXLRefiner/ParamSDXLRefinerModelSelect.tsx
+++ b/invokeai/frontend/web/src/features/sdxl/components/SDXLRefiner/ParamSDXLRefinerModelSelect.tsx
@@ -56,7 +56,7 @@ const ParamSDXLRefinerModelSelect = () => {
           variant="ghost"
           icon={<PiXBold />}
           aria-label={t('common.reset')}
-          onClick={onReset}
+          onPointerUp={onReset}
           isDisabled={!value}
         />
       </Flex>
diff --git a/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleInitialImage.tsx b/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleInitialImage.tsx
index b4bacc1ad0..6fd16eae11 100644
--- a/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleInitialImage.tsx
+++ b/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleInitialImage.tsx
@@ -44,7 +44,7 @@ export const UpscaleInitialImage = () => {
           <>
             <Flex position="absolute" flexDir="column" top={1} insetInlineEnd={1} gap={1}>
               <IAIDndImageIcon
-                onClick={onReset}
+                onPointerUp={onReset}
                 icon={<PiArrowCounterClockwiseBold size={16} />}
                 tooltip={t('common.reset')}
               />
diff --git a/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleWarning.tsx b/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleWarning.tsx
index 757fc27b67..d3e7ec82f4 100644
--- a/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleWarning.tsx
+++ b/invokeai/frontend/web/src/features/settingsAccordions/components/UpscaleSettingsAccordion/UpscaleWarning.tsx
@@ -79,7 +79,7 @@ export const UpscaleWarning = () => {
             i18nKey="upscaling.missingModelsWarning"
             components={{
               LinkComponent: (
-                <Button size="sm" flexGrow={0} variant="link" color="base.50" onClick={handleGoToModelManager} />
+                <Button size="sm" flexGrow={0} variant="link" color="base.50" onPointerUp={handleGoToModelManager} />
               ),
             }}
           />
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/ActiveStylePreset.tsx b/invokeai/frontend/web/src/features/stylePresets/components/ActiveStylePreset.tsx
index e3cf278edf..a24403f90d 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/ActiveStylePreset.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/ActiveStylePreset.tsx
@@ -81,7 +81,7 @@ export const ActiveStylePreset = () => {
       <Spacer />
       <Tooltip label={t('stylePresets.toggleViewMode')}>
         <IconButton
-          onClick={handleToggleViewMode}
+          onPointerUp={handleToggleViewMode}
           variant="outline"
           size="sm"
           aria-label={t('stylePresets.toggleViewMode')}
@@ -91,7 +91,7 @@ export const ActiveStylePreset = () => {
       </Tooltip>
       <Tooltip label={t('stylePresets.flatten')}>
         <IconButton
-          onClick={handleFlattenPrompts}
+          onPointerUp={handleFlattenPrompts}
           variant="outline"
           size="sm"
           aria-label={t('stylePresets.flatten')}
@@ -100,7 +100,7 @@ export const ActiveStylePreset = () => {
       </Tooltip>
       <Tooltip label={t('stylePresets.clearTemplateSelection')}>
         <IconButton
-          onClick={handleClearActiveStylePreset}
+          onPointerUp={handleClearActiveStylePreset}
           variant="outline"
           size="sm"
           aria-label={t('stylePresets.clearTemplateSelection')}
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetCreateButton.tsx b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetCreateButton.tsx
index 547dd9fffe..8093f8ad6e 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetCreateButton.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetCreateButton.tsx
@@ -20,7 +20,7 @@ export const StylePresetCreateButton = () => {
       icon={<PiPlusBold />}
       tooltip={t('stylePresets.createPromptTemplate')}
       aria-label={t('stylePresets.createPromptTemplate')}
-      onClick={handleClickAddNew}
+      onPointerUp={handleClickAddNew}
       size="md"
       variant="ghost"
       w={8}
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetExportButton.tsx b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetExportButton.tsx
index dc02b63c4f..ac53bf72e1 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetExportButton.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetExportButton.tsx
@@ -53,7 +53,7 @@ export const StylePresetExportButton = () => {
 
   return (
     <IconButton
-      onClick={handleClickDownloadCsv}
+      onPointerUp={handleClickDownloadCsv}
       icon={!isLoading ? <PiDownloadSimpleBold /> : <PiSpinner />}
       tooltip={t('stylePresets.exportPromptTemplates')}
       aria-label={t('stylePresets.exportPromptTemplates')}
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetForm.tsx b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetForm.tsx
index aadc82f1fe..dc409b7bd1 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetForm.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetForm.tsx
@@ -111,7 +111,7 @@ export const StylePresetForm = ({
       <Flex justifyContent="space-between" alignItems="flex-end" gap={10}>
         {allowPrivateStylePresets ? <StylePresetTypeField control={control} name="type" /> : <Spacer />}
         <Button
-          onClick={handleSubmit(handleClickSave)}
+          onPointerUp={handleSubmit(handleClickSave)}
           isDisabled={!formState.isValid}
           isLoading={isCreating || isUpdating}
         >
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetImageField.tsx b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetImageField.tsx
index 38eaac471a..6166bd3138 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetImageField.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetImageField.tsx
@@ -48,7 +48,7 @@ export const StylePresetImageField = (props: UseControllerProps<StylePresetFormD
           position="absolute"
           insetInlineEnd={0}
           insetBlockStart={0}
-          onClick={handleResetImage}
+          onPointerUp={handleResetImage}
           aria-label={t('stylePresets.deleteImage')}
           tooltip={t('stylePresets.deleteImage')}
           icon={<PiArrowCounterClockwiseBold />}
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetPromptField.tsx b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetPromptField.tsx
index 32c8a51661..cc4077ddd5 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetPromptField.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetForm/StylePresetPromptField.tsx
@@ -50,7 +50,7 @@ export const StylePresetPromptField = (props: Props) => {
       <Flex alignItems="center" gap={2}>
         <FormLabel>{props.label}</FormLabel>
         <Button
-          onClick={insertPromptPlaceholder}
+          onPointerUp={insertPromptPlaceholder}
           size="xs"
           aria-label={t('stylePresets.insertPlaceholder')}
           isDisabled={isPromptPresent}
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetList.tsx b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetList.tsx
index 9afcbbb807..dc78db9730 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetList.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetList.tsx
@@ -15,7 +15,7 @@ export const StylePresetList = ({ title, data }: { title: string; data: StylePre
 
   return (
     <Flex flexDir="column">
-      <Button variant="unstyled" onClick={onToggle}>
+      <Button variant="unstyled" onPointerUp={onToggle}>
         <Flex gap={2} alignItems="center">
           <Icon boxSize={4} as={PiCaretDownBold} transform={isOpen ? undefined : 'rotate(-90deg)'} fill="base.500" />
           <Text fontSize="sm" fontWeight="semibold" userSelect="none" color="base.500">
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetListItem.tsx b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetListItem.tsx
index 3b7364e954..ff30ecc2cc 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetListItem.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetListItem.tsx
@@ -97,7 +97,7 @@ export const StylePresetListItem = ({ preset }: { preset: StylePresetRecordWithI
     <>
       <Flex
         gap={4}
-        onClick={handleClickApply}
+        onPointerUp={handleClickApply}
         cursor="pointer"
         _hover={{ backgroundColor: 'base.750' }}
         py={3}
@@ -131,7 +131,7 @@ export const StylePresetListItem = ({ preset }: { preset: StylePresetRecordWithI
                 size="sm"
                 variant="ghost"
                 aria-label={t('stylePresets.copyTemplate')}
-                onClick={handleClickCopy}
+                onPointerUp={handleClickCopy}
                 icon={<PiCopyBold />}
               />
               {preset.type !== 'default' && (
@@ -140,14 +140,14 @@ export const StylePresetListItem = ({ preset }: { preset: StylePresetRecordWithI
                     size="sm"
                     variant="ghost"
                     aria-label={t('stylePresets.editTemplate')}
-                    onClick={handleClickEdit}
+                    onPointerUp={handleClickEdit}
                     icon={<PiPencilBold />}
                   />
                   <IconButton
                     size="sm"
                     variant="ghost"
                     aria-label={t('stylePresets.deleteTemplate')}
-                    onClick={handleClickDelete}
+                    onPointerUp={handleClickDelete}
                     colorScheme="error"
                     icon={<PiTrashBold />}
                   />
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetMenuTrigger.tsx b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetMenuTrigger.tsx
index 5e6701cc11..662bf2900f 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetMenuTrigger.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetMenuTrigger.tsx
@@ -22,7 +22,7 @@ export const StylePresetMenuTrigger = () => {
 
   return (
     <Flex
-      onClick={handleToggle}
+      onPointerUp={handleToggle}
       backgroundColor="base.800"
       justifyContent="space-between"
       alignItems="center"
diff --git a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetSearch.tsx b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetSearch.tsx
index 8d59500ed6..8e7faf51e6 100644
--- a/invokeai/frontend/web/src/features/stylePresets/components/StylePresetSearch.tsx
+++ b/invokeai/frontend/web/src/features/stylePresets/components/StylePresetSearch.tsx
@@ -50,7 +50,7 @@ const StylePresetSearch = () => {
       {searchTerm && searchTerm.length && (
         <InputRightElement h="full" pe={2}>
           <IconButton
-            onClick={clearPresetSearch}
+            onPointerUp={clearPresetSearch}
             size="sm"
             variant="link"
             aria-label={t('boards.clearSearch')}
diff --git a/invokeai/frontend/web/src/features/system/components/AboutModal/AboutModal.tsx b/invokeai/frontend/web/src/features/system/components/AboutModal/AboutModal.tsx
index 4eb6182ecc..a75a1f8d44 100644
--- a/invokeai/frontend/web/src/features/system/components/AboutModal/AboutModal.tsx
+++ b/invokeai/frontend/web/src/features/system/components/AboutModal/AboutModal.tsx
@@ -51,7 +51,7 @@ const AboutModal = ({ children }: AboutModalProps) => {
   return (
     <>
       {cloneElement(children, {
-        onClick: onOpen,
+        onPointerUp: onOpen,
       })}
       <Modal isOpen={isOpen} onClose={onClose} isCentered size="2xl" useInert={false}>
         <ModalOverlay />
@@ -67,7 +67,7 @@ const AboutModal = ({ children }: AboutModalProps) => {
                     <Spacer />
                     <Tooltip label={t('common.copy')}>
                       <IconButton
-                        onClick={handleCopy}
+                        onPointerUp={handleCopy}
                         isDisabled={!depsObject}
                         aria-label={t('common.copy')}
                         icon={<PiCopyBold />}
diff --git a/invokeai/frontend/web/src/features/system/components/HotkeysModal/HotkeysModal.tsx b/invokeai/frontend/web/src/features/system/components/HotkeysModal/HotkeysModal.tsx
index 953f0f724c..71440dfee4 100644
--- a/invokeai/frontend/web/src/features/system/components/HotkeysModal/HotkeysModal.tsx
+++ b/invokeai/frontend/web/src/features/system/components/HotkeysModal/HotkeysModal.tsx
@@ -77,7 +77,7 @@ const HotkeysModal = ({ children }: HotkeysModalProps) => {
   return (
     <>
       {cloneElement(children, {
-        onClick: onOpen,
+        onPointerUp: onOpen,
       })}
       <Modal isOpen={isOpen} onClose={onClose} isCentered size="2xl" useInert={false} initialFocusRef={inputRef}>
         <ModalOverlay />
@@ -90,7 +90,7 @@ const HotkeysModal = ({ children }: HotkeysModalProps) => {
               {hotkeyFilter.length && (
                 <InputRightElement h="full" pe={2}>
                   <IconButton
-                    onClick={clearHotkeyFilter}
+                    onPointerUp={clearHotkeyFilter}
                     size="sm"
                     variant="ghost"
                     aria-label={t('hotkeys.clearSearch')}
diff --git a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsDeveloperLogNamespaces.tsx b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsDeveloperLogNamespaces.tsx
index 9cb36ca028..f87808c569 100644
--- a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsDeveloperLogNamespaces.tsx
+++ b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsDeveloperLogNamespaces.tsx
@@ -38,7 +38,7 @@ SettingsDeveloperLogNamespaces.displayName = 'SettingsDeveloperLogNamespaces';
 const LogLevelTag = ({ namespace, isEnabled }: { namespace: LogNamespace; isEnabled: boolean }) => {
   const { t } = useTranslation();
   const dispatch = useDispatch();
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     dispatch(logNamespaceToggled(namespace));
   }, [dispatch, namespace]);
 
@@ -46,7 +46,7 @@ const LogLevelTag = ({ namespace, isEnabled }: { namespace: LogNamespace; isEnab
     <Tag
       h="min-content"
       borderRadius="base"
-      onClick={onClick}
+      onPointerUp={onPointerUp}
       colorScheme={isEnabled ? 'invokeBlue' : 'base'}
       userSelect="none"
       role="button"
diff --git a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsModal.tsx b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsModal.tsx
index 4439b5d70e..5c08c2a450 100644
--- a/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsModal.tsx
+++ b/invokeai/frontend/web/src/features/system/components/SettingsModal/SettingsModal.tsx
@@ -171,7 +171,7 @@ const SettingsModal = ({ config = defaultConfig, children }: SettingsModalProps)
   return (
     <>
       {cloneElement(children, {
-        onClick: settingsModal.setTrue,
+        onPointerUp: settingsModal.setTrue,
       })}
       <Modal isOpen={settingsModal.isTrue} onClose={settingsModal.setFalse} size="2xl" isCentered useInert={false}>
         <ModalOverlay />
@@ -248,7 +248,7 @@ const SettingsModal = ({ config = defaultConfig, children }: SettingsModalProps)
                       <Button
                         tooltip={hasPendingItems ? t('settings.clearIntermediatesDisabled') : undefined}
                         colorScheme="warning"
-                        onClick={clearIntermediates}
+                        onPointerUp={clearIntermediates}
                         isLoading={isLoadingClearIntermediates}
                         isDisabled={!intermediatesCount || hasPendingItems}
                       >
@@ -263,7 +263,7 @@ const SettingsModal = ({ config = defaultConfig, children }: SettingsModalProps)
                   )}
 
                   <StickyScrollable title={t('settings.resetWebUI')}>
-                    <Button colorScheme="error" onClick={handleClickResetWebUI}>
+                    <Button colorScheme="error" onPointerUp={handleClickResetWebUI}>
                       {t('settings.resetWebUI')}
                     </Button>
                     {Boolean(config?.shouldShowResetWebUiText) && (
diff --git a/invokeai/frontend/web/src/features/toast/ErrorToastDescription.tsx b/invokeai/frontend/web/src/features/toast/ErrorToastDescription.tsx
index 26baf9c739..ba869f19d7 100644
--- a/invokeai/frontend/web/src/features/toast/ErrorToastDescription.tsx
+++ b/invokeai/frontend/web/src/features/toast/ErrorToastDescription.tsx
@@ -50,7 +50,7 @@ export default function ErrorToastDescription({ errorType, errorMessage, session
             size="sm"
             aria-label="Copy"
             icon={<PiCopyBold />}
-            onClick={onCopy.bind(null, sessionId)}
+            onPointerUp={onCopy.bind(null, sessionId)}
             variant="ghost"
             sx={sx}
           />
diff --git a/invokeai/frontend/web/src/features/ui/components/FloatingGalleryButton.tsx b/invokeai/frontend/web/src/features/ui/components/FloatingGalleryButton.tsx
index 20c38b2d55..894a7c47c5 100644
--- a/invokeai/frontend/web/src/features/ui/components/FloatingGalleryButton.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/FloatingGalleryButton.tsx
@@ -16,7 +16,7 @@ const FloatingGalleryButton = (props: Props) => {
       <Tooltip label={t('accessibility.toggleRightPanel')} placement="start">
         <IconButton
           aria-label={t('accessibility.toggleRightPanel')}
-          onClick={props.panelApi.toggle}
+          onPointerUp={props.panelApi.toggle}
           icon={<PiImagesSquareBold />}
           h={48}
         />
diff --git a/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx b/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
index 1ec9559bad..6e32901b2d 100644
--- a/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/FloatingParametersPanelButtons.tsx
@@ -57,7 +57,7 @@ const FloatingSidePanelButtons = (props: Props) => {
         <Tooltip label={t('accessibility.toggleLeftPanel')} placement="end">
           <IconButton
             aria-label={t('accessibility.toggleLeftPanel')}
-            onClick={props.panelApi.toggle}
+            onPointerUp={props.panelApi.toggle}
             icon={<PiSlidersHorizontalBold />}
             flexGrow={1}
           />
@@ -65,7 +65,7 @@ const FloatingSidePanelButtons = (props: Props) => {
         <QueueButtonTooltip prepend={shift} placement="end">
           <IconButton
             aria-label={t('queue.queueBack')}
-            onClick={shift ? queue.queueFront : queue.queueBack}
+            onPointerUp={shift ? queue.queueFront : queue.queueBack}
             isLoading={queue.isLoading}
             isDisabled={queue.isDisabled}
             icon={queueButtonIcon}
@@ -79,7 +79,7 @@ const FloatingSidePanelButtons = (props: Props) => {
             isLoading={cancelCurrent.isLoading}
             aria-label={t('queue.cancelTooltip')}
             icon={<PiXBold />}
-            onClick={cancelCurrent.cancelQueueItem}
+            onPointerUp={cancelCurrent.cancelQueueItem}
             colorScheme="error"
             flexGrow={1}
           />
@@ -92,7 +92,7 @@ const FloatingSidePanelButtons = (props: Props) => {
             aria-label={t('queue.clearTooltip')}
             icon={<PiTrashSimpleBold />}
             colorScheme="error"
-            onClick={clearQueue.openDialog}
+            onPointerUp={clearQueue.openDialog}
             data-testid={t('queue.clear')}
             flexGrow={1}
           />
diff --git a/invokeai/frontend/web/src/features/ui/components/TabButton.tsx b/invokeai/frontend/web/src/features/ui/components/TabButton.tsx
index d59f51f3ed..8c815f3d44 100644
--- a/invokeai/frontend/web/src/features/ui/components/TabButton.tsx
+++ b/invokeai/frontend/web/src/features/ui/components/TabButton.tsx
@@ -9,7 +9,7 @@ export const TabButton = memo(
   forwardRef(({ tab, icon, label }: { tab: TabName; icon: ReactElement; label: string }, ref) => {
     const dispatch = useAppDispatch();
     const activeTabName = useAppSelector(selectActiveTab);
-    const onClick = useCallback(() => {
+    const onPointerUp = useCallback(() => {
       dispatch(setActiveTab(tab));
     }, [dispatch, tab]);
 
@@ -18,7 +18,7 @@ export const TabButton = memo(
         <IconButton
           ref={ref}
           p={0}
-          onClick={onClick}
+          onPointerUp={onPointerUp}
           icon={icon}
           size="md"
           fontSize="24px"
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/LoadWorkflowFromGraphModal/LoadWorkflowFromGraphModal.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/LoadWorkflowFromGraphModal/LoadWorkflowFromGraphModal.tsx
index 9f06ce321a..db32c9f388 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/LoadWorkflowFromGraphModal/LoadWorkflowFromGraphModal.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/LoadWorkflowFromGraphModal/LoadWorkflowFromGraphModal.tsx
@@ -69,7 +69,7 @@ export const LoadWorkflowFromGraphModal = () => {
         <ModalCloseButton />
         <ModalBody as={Flex} flexDir="column" gap={4} w="full" h="full" pb={4}>
           <Flex gap={4}>
-            <Button onClick={parse} size="sm" flexShrink={0}>
+            <Button onPointerUp={parse} size="sm" flexShrink={0}>
               {t('workflows.convertGraph')}
             </Button>
             <FormControl>
@@ -77,7 +77,7 @@ export const LoadWorkflowFromGraphModal = () => {
               <Checkbox isChecked={shouldAutoLayout} onChange={onChangeShouldAutoLayout} />
             </FormControl>
             <Spacer />
-            <Button onClick={loadWorkflow} size="sm" flexShrink={0}>
+            <Button onPointerUp={loadWorkflow} size="sm" flexShrink={0}>
               {t('workflows.loadWorkflow')}
             </Button>
           </Flex>
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/NewWorkflowButton.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/NewWorkflowButton.tsx
index c1211f9e2b..ec8035a82f 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/NewWorkflowButton.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/NewWorkflowButton.tsx
@@ -8,12 +8,12 @@ export const NewWorkflowButton = memo(() => {
   const { t } = useTranslation();
 
   const renderButton = useCallback(
-    (onClick: () => void) => (
+    (onPointerUp: () => void) => (
       <IconButton
         aria-label={t('nodes.newWorkflow')}
         tooltip={t('nodes.newWorkflow')}
         icon={<PiFilePlusBold />}
-        onClick={onClick}
+        onPointerUp={onPointerUp}
         pointerEvents="auto"
       />
     ),
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/NewWorkflowConfirmationAlertDialog.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/NewWorkflowConfirmationAlertDialog.tsx
index c0b5fee85b..b434da4927 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/NewWorkflowConfirmationAlertDialog.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/NewWorkflowConfirmationAlertDialog.tsx
@@ -7,7 +7,7 @@ import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
 type Props = {
-  renderButton: (onClick: () => void) => JSX.Element;
+  renderButton: (onPointerUp: () => void) => JSX.Element;
 };
 
 export const NewWorkflowConfirmationAlertDialog = memo((props: Props) => {
@@ -29,7 +29,7 @@ export const NewWorkflowConfirmationAlertDialog = memo((props: Props) => {
     onClose();
   }, [dispatch, onClose, t]);
 
-  const onClick = useCallback(() => {
+  const onPointerUp = useCallback(() => {
     if (!isTouched) {
       handleNewWorkflow();
       return;
@@ -39,7 +39,7 @@ export const NewWorkflowConfirmationAlertDialog = memo((props: Props) => {
 
   return (
     <>
-      {props.renderButton(onClick)}
+      {props.renderButton(onPointerUp)}
 
       <ConfirmationAlertDialog
         isOpen={isOpen}
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/SaveWorkflowAsDialog/SaveWorkflowAsDialog.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/SaveWorkflowAsDialog/SaveWorkflowAsDialog.tsx
index 218a9d1d2d..3697802467 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/SaveWorkflowAsDialog/SaveWorkflowAsDialog.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/SaveWorkflowAsDialog/SaveWorkflowAsDialog.tsx
@@ -87,10 +87,10 @@ export const SaveWorkflowAsDialog = () => {
           </AlertDialogBody>
 
           <AlertDialogFooter>
-            <Button ref={cancelRef} onClick={clearAndClose}>
+            <Button ref={cancelRef} onPointerUp={clearAndClose}>
               {t('common.cancel')}
             </Button>
-            <Button colorScheme="invokeBlue" onClick={onSave} ml={3} isDisabled={!workflowName || !workflowName.length}>
+            <Button colorScheme="invokeBlue" onPointerUp={onSave} ml={3} isDisabled={!workflowName || !workflowName.length}>
               {t('common.saveAs')}
             </Button>
           </AlertDialogFooter>
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryButton.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryButton.tsx
index dcc347f905..18f28c619f 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryButton.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryButton.tsx
@@ -17,7 +17,7 @@ const WorkflowLibraryButton = () => {
         aria-label={t('workflows.workflowLibrary')}
         tooltip={t('workflows.workflowLibrary')}
         icon={<PiFolderOpenBold />}
-        onClick={workflowLibraryModal.setTrue}
+        onPointerUp={workflowLibraryModal.setTrue}
         pointerEvents="auto"
       />
       <WorkflowLibraryModal />
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryList.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryList.tsx
index cae78b82a2..1a65d9a083 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryList.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryList.tsx
@@ -161,7 +161,7 @@ const WorkflowLibraryList = () => {
             <Button
               key={category}
               variant={selectedCategory === category ? undefined : 'ghost'}
-              onClick={handleSetCategory.bind(null, category)}
+              onPointerUp={handleSetCategory.bind(null, category)}
               isChecked={selectedCategory === category}
             >
               {t(`workflows.${category}Workflows`)}
@@ -208,7 +208,7 @@ const WorkflowLibraryList = () => {
           {query.trim().length && (
             <InputRightElement h="full" pe={2}>
               <IconButton
-                onClick={resetFilterText}
+                onPointerUp={resetFilterText}
                 size="sm"
                 variant="link"
                 aria-label={t('workflows.clearWorkflowSearchFilter')}
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryListItem.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryListItem.tsx
index 1af42ea73f..a824bcf0b1 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryListItem.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryListItem.tsx
@@ -72,7 +72,7 @@ const WorkflowLibraryListItem = ({ workflowDTO }: Props) => {
         <Button
           flexShrink={0}
           isDisabled={isOpen}
-          onClick={handleGetAndLoadWorkflow}
+          onPointerUp={handleGetAndLoadWorkflow}
           isLoading={getAndLoadWorkflowResult.isLoading}
           aria-label={t('workflows.openWorkflow')}
         >
@@ -83,7 +83,7 @@ const WorkflowLibraryListItem = ({ workflowDTO }: Props) => {
             flexShrink={0}
             colorScheme="error"
             isDisabled={isOpen}
-            onClick={handleDeleteWorkflow}
+            onPointerUp={handleDeleteWorkflow}
             isLoading={deleteWorkflowResult.isLoading}
             aria-label={t('workflows.deleteWorkflow')}
           >
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/DownloadWorkflowMenuItem.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/DownloadWorkflowMenuItem.tsx
index 485c4c9a3c..dfbf128942 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/DownloadWorkflowMenuItem.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/DownloadWorkflowMenuItem.tsx
@@ -9,7 +9,7 @@ const DownloadWorkflowMenuItem = () => {
   const downloadWorkflow = useDownloadWorkflow();
 
   return (
-    <MenuItem as="button" icon={<PiDownloadSimpleBold />} onClick={downloadWorkflow}>
+    <MenuItem as="button" icon={<PiDownloadSimpleBold />} onPointerUp={downloadWorkflow}>
       {t('workflows.downloadWorkflow')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/LoadWorkflowFromGraphMenuItem.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/LoadWorkflowFromGraphMenuItem.tsx
index 8006ca937f..ff8724af04 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/LoadWorkflowFromGraphMenuItem.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/LoadWorkflowFromGraphMenuItem.tsx
@@ -13,7 +13,7 @@ const LoadWorkflowFromGraphMenuItem = () => {
   const { onOpen } = useLoadWorkflowFromGraphModal();
 
   return (
-    <MenuItem as="button" icon={<PiFlaskBold />} onClick={onOpen} isDisabled={!size(templates)}>
+    <MenuItem as="button" icon={<PiFlaskBold />} onPointerUp={onOpen} isDisabled={!size(templates)}>
       {t('workflows.loadFromGraph')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/NewWorkflowMenuItem.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/NewWorkflowMenuItem.tsx
index 6c5baa584f..20c883e794 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/NewWorkflowMenuItem.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/NewWorkflowMenuItem.tsx
@@ -8,8 +8,8 @@ export const NewWorkflowMenuItem = memo(() => {
   const { t } = useTranslation();
 
   const renderButton = useCallback(
-    (onClick: () => void) => (
-      <MenuItem as="button" icon={<PiFilePlusBold />} onClick={onClick}>
+    (onPointerUp: () => void) => (
+      <MenuItem as="button" icon={<PiFilePlusBold />} onPointerUp={onPointerUp}>
         {t('nodes.newWorkflow')}
       </MenuItem>
     ),
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SaveWorkflowAsMenuItem.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SaveWorkflowAsMenuItem.tsx
index bd8a909ace..b7e1d05455 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SaveWorkflowAsMenuItem.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SaveWorkflowAsMenuItem.tsx
@@ -9,7 +9,7 @@ const SaveWorkflowAsMenuItem = () => {
   const { onOpen } = useSaveWorkflowAsDialog();
 
   return (
-    <MenuItem as="button" icon={<PiCopyBold />} onClick={onOpen}>
+    <MenuItem as="button" icon={<PiCopyBold />} onPointerUp={onOpen}>
       {t('workflows.saveWorkflowAs')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SaveWorkflowMenuItem.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SaveWorkflowMenuItem.tsx
index c1335b1dc9..56abf10da0 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SaveWorkflowMenuItem.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SaveWorkflowMenuItem.tsx
@@ -28,7 +28,7 @@ const SaveWorkflowMenuItem = () => {
   }, [onOpen, saveWorkflow]);
 
   return (
-    <MenuItem as="button" isDisabled={!isTouched} icon={<PiFloppyDiskBold />} onClick={handleClickSave}>
+    <MenuItem as="button" isDisabled={!isTouched} icon={<PiFloppyDiskBold />} onPointerUp={handleClickSave}>
       {t('workflows.saveWorkflow')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SettingsMenuItem.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SettingsMenuItem.tsx
index 5969942795..ede918b6bd 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SettingsMenuItem.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryMenu/SettingsMenuItem.tsx
@@ -9,7 +9,7 @@ const DownloadWorkflowMenuItem = () => {
   const modal = useWorkflowEditorSettingsModal();
 
   return (
-    <MenuItem as="button" icon={<PiGearSixFill />} onClick={modal.setTrue}>
+    <MenuItem as="button" icon={<PiGearSixFill />} onPointerUp={modal.setTrue}>
       {t('nodes.workflowSettings')}
     </MenuItem>
   );
diff --git a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryPagination.tsx b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryPagination.tsx
index f2b6d958ab..cb17e07e0b 100644
--- a/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryPagination.tsx
+++ b/invokeai/frontend/web/src/features/workflowLibrary/components/WorkflowLibraryPagination.tsx
@@ -9,7 +9,7 @@ const PAGES_TO_DISPLAY = 7;
 
 type PageData = {
   page: number;
-  onClick: () => void;
+  onPointerUp: () => void;
 };
 
 type Props = {
@@ -39,7 +39,7 @@ const WorkflowLibraryPagination = ({ page, setPage, data }: Props) => {
     for (let i = first; i < last; i++) {
       pages.push({
         page: i,
-        onClick: () => setPage(i),
+        onPointerUp: () => setPage(i),
       });
     }
     return pages;
@@ -49,7 +49,7 @@ const WorkflowLibraryPagination = ({ page, setPage, data }: Props) => {
     <ButtonGroup>
       <IconButton
         variant="ghost"
-        onClick={handlePrevPage}
+        onPointerUp={handlePrevPage}
         isDisabled={page === 0}
         aria-label={t('common.prevPage')}
         icon={<PiCaretLeftBold />}
@@ -58,7 +58,7 @@ const WorkflowLibraryPagination = ({ page, setPage, data }: Props) => {
         <Button
           w={10}
           isDisabled={data.pages === 1}
-          onClick={p.page === page ? undefined : p.onClick}
+          onPointerUp={p.page === page ? undefined : p.onPointerUp}
           variant={p.page === page ? 'solid' : 'ghost'}
           key={p.page}
           transitionDuration="0s" // the delay in animation looks jank
@@ -68,7 +68,7 @@ const WorkflowLibraryPagination = ({ page, setPage, data }: Props) => {
       ))}
       <IconButton
         variant="ghost"
-        onClick={handleNextPage}
+        onPointerUp={handleNextPage}
         isDisabled={page === data.pages - 1}
         aria-label={t('common.nextPage')}
         icon={<PiCaretRightBold />}