From 1562383d0d826bfa39bd5c6f24544b7000d09eb5 Mon Sep 17 00:00:00 2001
From: TAY TS <taytzushieh@gmail.com>
Date: Tue, 12 May 2020 23:38:02 +0800
Subject: [PATCH] [Docs] Removed EuiOverlayMask onClick prop to close EuiModal

---
 src-docs/src/views/modal/confirm_modal.js | 8 ++++----
 src-docs/src/views/modal/modal.js         | 2 +-
 src-docs/src/views/modal/overflow_test.js | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src-docs/src/views/modal/confirm_modal.js b/src-docs/src/views/modal/confirm_modal.js
index 6fea800d14c..7175c36bf99 100644
--- a/src-docs/src/views/modal/confirm_modal.js
+++ b/src-docs/src/views/modal/confirm_modal.js
@@ -33,7 +33,7 @@ export default () => {
 
   if (isModalVisible) {
     modal = (
-      <EuiOverlayMask onClick={closeModal}>
+      <EuiOverlayMask>
         <EuiConfirmModal
           title="Do this thing"
           onCancel={closeModal}
@@ -52,7 +52,7 @@ export default () => {
 
   if (isDestroyModalVisible) {
     destroyModal = (
-      <EuiOverlayMask onClick={closeDestroyModal}>
+      <EuiOverlayMask>
         <EuiConfirmModal
           title="Do this destructive thing"
           onCancel={closeDestroyModal}
@@ -72,7 +72,7 @@ export default () => {
 
   if (isEmptyModalVisible) {
     emptyModal = (
-      <EuiOverlayMask onClick={closeEmptyModal}>
+      <EuiOverlayMask>
         <EuiConfirmModal
           title="Do this thing"
           onCancel={closeEmptyModal}
@@ -89,7 +89,7 @@ export default () => {
 
   if (isButtonDisabledModalVisible) {
     buttonDisabledModal = (
-      <EuiOverlayMask onClick={closeButtonDisabledModal}>
+      <EuiOverlayMask>
         <EuiConfirmModal
           title="My button is disabled"
           onCancel={closeButtonDisabledModal}
diff --git a/src-docs/src/views/modal/modal.js b/src-docs/src/views/modal/modal.js
index 8dd224030f8..e3093b48966 100644
--- a/src-docs/src/views/modal/modal.js
+++ b/src-docs/src/views/modal/modal.js
@@ -69,7 +69,7 @@ export default () => {
 
   if (isModalVisible) {
     modal = (
-      <EuiOverlayMask onClick={closeModal}>
+      <EuiOverlayMask>
         <EuiModal onClose={closeModal} initialFocus="[name=popswitch]">
           <EuiModalHeader>
             <EuiModalHeaderTitle>Modal title</EuiModalHeaderTitle>
diff --git a/src-docs/src/views/modal/overflow_test.js b/src-docs/src/views/modal/overflow_test.js
index e3ae18b3df1..0b89a043fb5 100644
--- a/src-docs/src/views/modal/overflow_test.js
+++ b/src-docs/src/views/modal/overflow_test.js
@@ -22,7 +22,7 @@ export default () => {
 
   if (isModalVisible) {
     modal = (
-      <EuiOverlayMask onClick={closeModal}>
+      <EuiOverlayMask>
         <EuiModal onClose={closeModal}>
           <EuiModalHeader>
             <EuiModalHeaderTitle>Overflow test</EuiModalHeaderTitle>