Fix the clickable issue by adding another div.

WordPress · Nov 2, 2018 · d26fb51 · d26fb51
1 parent af9abe1
commit d26fb51
Showing 1 changed file with 29 additions and 28 deletions.
diff --git a/packages/editor/src/components/block-list/block.js b/packages/editor/src/components/block-list/block.js
@@ -510,42 +510,43 @@ export class BlockListBlock extends Component {
 				{ isFirstMultiSelected && (
 					<BlockMultiControls rootClientId={ rootClientId } />
 				) }
-				<IgnoreNestedEvents
-					ref={ this.bindBlockNode }
-					onDragStart={ this.preventDrag }
-					onMouseDown={ this.onPointerDown }
-					className="editor-block-list__block-edit"
-					data-block={ clientId }
-				>
+				<div className="editor-block-list__block-edit">
 					{ shouldShowBreadcrumb && (
 						<BlockBreadcrumb
 							clientId={ clientId }
 							isHidden={ ! ( isHovered || isSelected ) || hoverArea !== 'left' }
 						/>
 					) }
 					{ shouldShowContextualToolbar && <BlockContextualToolbar /> }
-					<BlockCrashBoundary onError={ this.onBlockError }>
-						{ isValid && blockEdit }
-						{ isValid && mode === 'html' && (
-							<BlockHtml clientId={ clientId } />
+					<IgnoreNestedEvents
+						ref={ this.bindBlockNode }
+						onDragStart={ this.preventDrag }
+						onMouseDown={ this.onPointerDown }
+						data-block={ clientId }
+					>
+						<BlockCrashBoundary onError={ this.onBlockError }>
+							{ isValid && blockEdit }
+							{ isValid && mode === 'html' && (
+								<BlockHtml clientId={ clientId } />
+							) }
+							{ ! isValid && [
+								<BlockInvalidWarning
+									key="invalid-warning"
+									block={ block }
+								/>,
+								<div key="invalid-preview">
+									{ getSaveElement( blockType, block.attributes ) }
+								</div>,
+							] }
+						</BlockCrashBoundary>
+						{ shouldShowMobileToolbar && (
+							<BlockMobileToolbar
+								clientId={ clientId }
+							/>
 						) }
-						{ ! isValid && [
-							<BlockInvalidWarning
-								key="invalid-warning"
-								block={ block }
-							/>,
-							<div key="invalid-preview">
-								{ getSaveElement( blockType, block.attributes ) }
-							</div>,
-						] }
-					</BlockCrashBoundary>
-					{ shouldShowMobileToolbar && (
-						<BlockMobileToolbar
-							clientId={ clientId }
-						/>
-					) }
-					{ !! error && <BlockCrashWarning /> }
-				</IgnoreNestedEvents>
+						{ !! error && <BlockCrashWarning /> }
+					</IgnoreNestedEvents>
+				</div>
 				{ showEmptyBlockSideInserter && (
 					<Fragment>
 						<div className="editor-block-list__side-inserter">