diff --git a/packages/editor/src/components/rich-text/index.native.js b/packages/editor/src/components/rich-text/index.native.js index 67d2a86b389574..8a7ce63178eafb 100644 --- a/packages/editor/src/components/rich-text/index.native.js +++ b/packages/editor/src/components/rich-text/index.native.js @@ -360,7 +360,12 @@ export class RichText extends Component { } ) ); // Save back to HTML from React tree - const html = '<' + tagName + '>' + value + ''; + let html = '<' + tagName + '>' + value + ''; + // We need to check if the value is undefined or empty, and then assign it properly otherwise the placeholder is not visible + if ( value === undefined || value === '' ) { + html = ''; + this.lastEventCount = undefined; // force a refresh on the native side + } return ( @@ -373,6 +378,7 @@ export class RichText extends Component { } } text={ { text: html, eventCount: this.lastEventCount } } + placeholder={ this.props.placeholder } onChange={ this.onChange } onFocus={ this.props.onFocus } onBlur={ this.props.onBlur }