Added Workaround for Safari specific issue with pointerevents and tooltips (#335)

Signed-off-by: Benjamin Perez <[email protected]>

Author: bexsoft

src/components/ActionsList/ActionsList.tsx

@@ -88,6 +88,9 @@ const ActionsList: FC<ActionsListProps> = ({ sx, items, title }) => {
                   icon={actionItem.icon}
                   onClick={actionItem.action}
                   disabled={actionItem.disabled}
+                  style={{
+                    pointerEvents: actionItem.disabled ? "none" : "initial",
+                  }}
                 />
               </Tooltip>
             </li>

src/components/Tooltip/Tooltip.stories.tsx

@@ -127,7 +127,7 @@ OnDisabledElement.args = {
   tooltip: <span>Some tooltip Label</span>,
   placement: "top",
   children: (
-    <Button id={"testButton"} disabled>
+    <Button id={"testButton"} disabled style={{ pointerEvents: "none" }}>
       Button
     </Button>
   ),