[RN mobile] pass isSelected to RichText components (#11857)

* adds prop isSelected on RCTAztecView in RichText, copying value from passed props * adding isSelected prop to Heading block to handle focus in native * adding isSelected prop to Paragraph block to handle focus in native * fixed lint warnings
WordPress · Nov 15, 2018 · db84d19 · db84d19
1 parent 0604cd0
commit db84d19
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 1 deletion.
diff --git a/packages/block-library/src/heading/edit.native.js b/packages/block-library/src/heading/edit.native.js
@@ -39,7 +39,6 @@ class HeadingEdit extends Component {
  } = attributes;
 
  const tagName = 'h' + level;
-
  return (
  <View>
  <BlockControls>
@@ -48,6 +47,7 @@ class HeadingEdit extends Component {
  <RichText
  tagName={ tagName }
  value={ content }
+ isSelected={ this.props.isSelected }
  style={ {
  minHeight: Math.max( minHeight, typeof attributes.aztecHeight === 'undefined' ? 0 : attributes.aztecHeight ),
  } }

diff --git a/packages/block-library/src/paragraph/edit.native.js b/packages/block-library/src/paragraph/edit.native.js
@@ -87,6 +87,7 @@ class ParagraphEdit extends Component {
  <RichText
  tagName="p"
  value={ content }
+ isSelected={ this.props.isSelected }
  style={ {
  ...style,
  minHeight: Math.max( minHeight, typeof attributes.aztecHeight === 'undefined' ? 0 : attributes.aztecHeight ),

diff --git a/packages/editor/src/components/rich-text/index.native.js b/packages/editor/src/components/rich-text/index.native.js
@@ -360,6 +360,7 @@ export class RichText extends Component {
  onBackspace={ this.onBackspace }
  onContentSizeChange={ this.onContentSizeChange }
  onActiveFormatsChange={ this.onActiveFormatsChange }
+ isSelected={ this.props.isSelected }
  color={ 'black' }
  maxImagesWidth={ 200 }
  style={ style }