Fix selection of small table cells (#9673)

Move table block editor cell padding to the RichText element within the cell.
WordPress · Sep 10, 2018 · f5338ed · f5338ed
1 parent 960bb6e
commit f5338ed
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/packages/block-library/src/table/edit.js b/packages/block-library/src/table/edit.js
@@ -332,6 +332,7 @@ export default class TableEdit extends Component {
 							return (
 								<CellTag key={ columnIndex } className={ classes }>
 									<RichText
+										className="wp-block-table__cell-content"
 										value={ content }
 										onChange={ this.onChange }
 										unstableOnFocus={ this.createOnFocus( cell ) }

diff --git a/packages/block-library/src/table/editor.scss b/packages/block-library/src/table/editor.scss
@@ -6,7 +6,7 @@
 
 	td,
 	th {
-		padding: 0.5em;
+		padding: 0;
 		border: $border-width solid currentColor;
 	}
 
@@ -16,4 +16,8 @@
 		box-shadow: inset 0 0 0 1px $blue-medium-500;
 		border-style: double;
 	}
+
+	&__cell-content {
+		padding: 0.5em;
+	}
 }