diff --git a/assets/css/src/components/formEditor/components/_block_editor.scss b/assets/css/src/components/formEditor/components/_block_editor.scss index 4a10a882d0..7381ffbacf 100644 --- a/assets/css/src/components/formEditor/components/_block_editor.scss +++ b/assets/css/src/components/formEditor/components/_block_editor.scss @@ -22,3 +22,20 @@ flex-direction: row-reverse; justify-content: space-between; } + +// Html blocks contains iframe which captures clicks and in some cases prevents selecting block. +// This adds an transparent overlay over the iframe. +.mailpoet-html-block-editor-content-wrapper { + position: relative; + + &:after { + background: transparent; + content: ' '; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + } +} diff --git a/assets/js/src/form_editor/blocks/html/edit.jsx b/assets/js/src/form_editor/blocks/html/edit.jsx index 3334a498aa..1a7cf53558 100644 --- a/assets/js/src/form_editor/blocks/html/edit.jsx +++ b/assets/js/src/form_editor/blocks/html/edit.jsx @@ -64,7 +64,7 @@ const CustomHtmlEdit = ({ attributes, setAttributes }) => { return ( {inspectorControls} -
+