Fix alert add and edit flyout to not close when user clicks outside (#78860)

mikecote · web-flow · commit e83144ee4055 · 2020-10-01T11:22:08.000-04:00
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_form/alert_add.tsx b/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_form/alert_add.tsx
@@ -138,7 +138,6 @@ export const AlertAdd = ({
         aria-labelledby="flyoutAlertAddTitle"
         size="m"
         maxWidth={620}
-        ownFocus
       >
         <EuiFlyoutHeader hasBorder>
           <EuiTitle size="s" data-test-subj="addAlertFlyoutTitle">
diff --git a/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_form/alert_edit.tsx b/x-pack/plugins/triggers_actions_ui/public/application/sections/alert_form/alert_edit.tsx
@@ -107,7 +107,6 @@ export const AlertEdit = ({ initialAlert, onClose }: AlertEditProps) => {
         aria-labelledby="flyoutAlertEditTitle"
         size="m"
         maxWidth={620}
-        ownFocus
       >
         <EuiFlyoutHeader hasBorder>
           <EuiTitle size="s" data-test-subj="editAlertFlyoutTitle">

Original file line number	Diff line number	Diff line change
`@@ -138,7 +138,6 @@ export const AlertAdd = ({`
`138`	`138`	`aria-labelledby="flyoutAlertAddTitle"`
`139`	`139`	`size="m"`
`140`	`140`	`maxWidth={620}`
`141`		`- ownFocus`
`142`	`141`	`>`
`143`	`142`	`<EuiFlyoutHeader hasBorder>`
`144`	`143`	`<EuiTitle size="s" data-test-subj="addAlertFlyoutTitle">`
Original file line number	Diff line number	Diff line change
`@@ -107,7 +107,6 @@ export const AlertEdit = ({ initialAlert, onClose }: AlertEditProps) => {`
`107`	`107`	`aria-labelledby="flyoutAlertEditTitle"`
`108`	`108`	`size="m"`
`109`	`109`	`maxWidth={620}`
`110`		`- ownFocus`
`111`	`110`	`>`
`112`	`111`	`<EuiFlyoutHeader hasBorder>`
`113`	`112`	`<EuiTitle size="s" data-test-subj="editAlertFlyoutTitle">`