RichText view mode trouble

[vvvvvvvesna]

Category

[ ] Enhancement

[x] Bug

[ ] Question

Version

version of the library: [1.13.0]

Expected / Desired Behavior / Question

No problem work in view mode

Observed Behavior

If youre try to open page with rich text editor in view mode it will not render complete. Need to click edit page then publish it, and only then it will display correctly.

Steps to Reproduce

1)Build webpart with rich text editor
2) pass dynamic isEditMode to props of Richtext Editor
3) Deploy it on page
2) Open page - there are no text editor. Click edit - it appear. click Publish - all ok. Reload page - here we go again

[niranjan747]

Facing the same issue , any updates to this ?

[estruyf]

@hugoabernier any chance you can take a look at this?

[joeljeffery]

Here's a quick hack if anyone needs this right now:

class SafeRichText extends RichText {
  public componentDidMount() {
    if (this.props.isEditMode) {
      super.componentDidMount();
    }
  }
}

Swap <SafeRichText /> in place of <RichText />

Here's the original code:

I think the brace at line 140 needs to be moved down to line 149, then the problem should go away :)

Joel

[estruyf]

@joeljeffery has fixed this, and the changes are applied in the latest beta version of 1.14.0. Please feel free to test it out. More information about how to use a beta version can be found here: https://sharepoint.github.io/sp-dev-fx-controls-react/beta/

[joelfmrodrigues]

Closing as fixed