Default TippyPopover's interactive prop to true (#20859)

frontend/src/metabase/components/MetadataInfo/DimensionInfoPopover/DimensionInfoPopover.tsx

@@ -40,7 +40,6 @@ function DimensionInfoPopover({
     <TippyPopover
       className={className}
       delay={delay}
-      interactive
       placement={placement || "left-start"}
       disabled={disabled}
       content={<WidthBoundDimensionInfo dimension={dimension} />}

frontend/src/metabase/components/MetadataInfo/TableInfoPopover/TableInfoPopover.tsx

@@ -53,7 +53,6 @@ function TableInfoPopover({
   return showPopover ? (
     <TippyPopover
       className={className}
-      interactive
       delay={delay}
       placement={placement}
       offset={offset}

frontend/src/metabase/components/Popover/TippyPopover.info.js

@@ -93,8 +93,8 @@ export const examples = {
       </TippyPopover>
     </React.Fragment>
   ),
-  interactive: (
-    <TippyPopover interactive placement="left-end" content={content}>
+  "interactive disabled": (
+    <TippyPopover interactive={false} placement="left-end" content={content}>
       {target}
     </TippyPopover>
   ),

frontend/src/metabase/components/Popover/TippyPopover.tsx

@@ -36,6 +36,7 @@ function TippyPopover({
   content,
   delay,
   lazy = true,
+  interactive = true,
   onShow,
   onHide,
   ...props
@@ -94,6 +95,7 @@ function TippyPopover({
       appendTo={appendTo}
       plugins={plugins}
       {...props}
+      interactive={interactive}
       duration={animationDuration}
       delay={delay}
       content={

frontend/src/metabase/core/components/DateWidget/DateWidget.tsx

@@ -54,7 +54,6 @@ const DateWidget = forwardRef(function DateWidget(
     <TippyPopover
       visible={isOpened}
       placement="bottom-start"
-      interactive
       content={
         <DateSelector
           value={value}

frontend/src/metabase/dashboard/components/DashCardCardParameterMapper.jsx

@@ -147,7 +147,6 @@ function DashCardCardParameterMapper({
           visible={isDropdownVisible && !isDisabled && hasPermissionsToMap}
           onClickOutside={() => setIsDropdownVisible(false)}
           placement="bottom-start"
-          interactive
           content={
             <ParameterTargetList
               onChange={target => {