Closes #85328. Adds 'repositionOnScroll' prop to expression popovers (#88085)

x-pack/plugins/apm/public/components/alerting/service_alert_trigger/popover_expression/index.tsx

@@ -30,6 +30,7 @@ export function PopoverExpression(props: Props) {
           onClick={() => setPopoverOpen(true)}
         />
       }
+      repositionOnScroll
     >
       {children}
     </EuiPopover>

x-pack/plugins/triggers_actions_ui/public/common/expression_items/for_the_last.tsx

@@ -84,6 +84,7 @@ export const ForLastExpression = ({
       ownFocus
       display={display === 'fullWidth' ? 'block' : 'inlineBlock'}
       anchorPosition={popupPosition ?? 'downLeft'}
+      repositionOnScroll
     >
       <div>
         <ClosablePopoverTitle onClose={() => setAlertDurationPopoverOpen(false)}>

x-pack/plugins/triggers_actions_ui/public/common/expression_items/group_by_over.tsx

@@ -115,6 +115,7 @@ export const GroupByExpression = ({
       ownFocus
       display={display === 'fullWidth' ? 'block' : 'inlineBlock'}
       anchorPosition={popupPosition ?? 'downRight'}
+      repositionOnScroll
     >
       <div>
         <ClosablePopoverTitle onClose={() => setGroupByPopoverOpen(false)}>

x-pack/plugins/triggers_actions_ui/public/common/expression_items/of.tsx

@@ -104,6 +104,7 @@ export const OfExpression = ({
       display={display === 'fullWidth' ? 'block' : 'inlineBlock'}
       anchorPosition={popupPosition ?? 'downRight'}
       zIndex={8000}
+      repositionOnScroll
     >
       <div>
         <ClosablePopoverTitle onClose={() => setAggFieldPopoverOpen(false)}>

x-pack/plugins/triggers_actions_ui/public/common/expression_items/threshold.tsx

@@ -111,6 +111,7 @@ export const ThresholdExpression = ({
       ownFocus
       display={display === 'fullWidth' ? 'block' : 'inlineBlock'}
       anchorPosition={popupPosition ?? 'downLeft'}
+      repositionOnScroll
     >
       <div>
         <ClosablePopoverTitle onClose={() => setAlertThresholdPopoverOpen(false)}>

x-pack/plugins/triggers_actions_ui/public/common/expression_items/when.tsx

@@ -67,6 +67,7 @@ export const WhenExpression = ({
       ownFocus
       display={display === 'fullWidth' ? 'block' : 'inlineBlock'}
       anchorPosition={popupPosition ?? 'downLeft'}
+      repositionOnScroll
     >
       <div>
         <ClosablePopoverTitle onClose={() => setAggTypePopoverOpen(false)}>