From f17d2dfa42fe261c2c4924b1da8d7a58a041d420 Mon Sep 17 00:00:00 2001
From: Michael Thomas <michaelhthomas@outlook.com>
Date: Thu, 17 Feb 2022 20:54:23 -0500
Subject: [PATCH] Fixes for Gutenberg modal

---
 src/components/select-dialog.tsx | 5 +++--
 src/styles/editor.scss           | 7 ++++++-
 2 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/components/select-dialog.tsx b/src/components/select-dialog.tsx
index 675539d..5939430 100644
--- a/src/components/select-dialog.tsx
+++ b/src/components/select-dialog.tsx
@@ -36,10 +36,11 @@ class SelectDialog extends React.Component<IDialogProps> {
 				onRequestClose={ () => this.props.setOpen( false ) }
 				shouldCloseOnClickOutside={ false }
 			>
-				<FocusableIframe
+				<iframe
 					style={ { width: '500px', height: '500px', display: 'block' } }
 					src={ `${ baseUrl }/integrations/cms` }
-				></FocusableIframe>
+					title="Choose a Form"
+				></iframe>
 			</Modal>
 		);
 	}
diff --git a/src/styles/editor.scss b/src/styles/editor.scss
index 2ef407c..e2020e0 100644
--- a/src/styles/editor.scss
+++ b/src/styles/editor.scss
@@ -6,7 +6,6 @@
  *
  */
 
-// Remove modal padding
 .wp-block-cognito-forms-cognito-embed {
 	.components-placeholder__label svg {
 		height: 24px;
@@ -51,9 +50,15 @@
 	}
 }
 
+// Remove modal padding
 .cognito-modal {
 	.components-modal__content {
 		padding: initial;
+		height: fit-content;
+	}
+
+	.components-modal__content::before {
+		display: none;
 	}
 
 	.components-modal__content .components-modal__header {