Firefox issue

se-1979 · July 9, 2020, 7:38am

Hi I created an editor component with React and Prosemirror , my intention was wrap this component in my existing angular App.I am able to do this and editor loaded and its working fine.But i am facing issue in FireFox , after applying a text format , i am unable to use the space in editor, ie the words are concatenating to single word, is there any specific reason for this issue?

marijn · July 9, 2020, 8:56am

Doesn’t sound familiar.

aeaton · July 9, 2020, 8:57am

Did you remember to include style/prosemirror.css from prosemirror-view as a stylesheet?

https://prosemirror.net/docs/ref/#view

github.com

ProseMirror/prosemirror-view/blob/master/style/prosemirror.css

.ProseMirror {
  position: relative;
}

.ProseMirror {
  word-wrap: break-word;
  white-space: pre-wrap;
  white-space: break-spaces;
  -webkit-font-variant-ligatures: none;
  font-variant-ligatures: none;
  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
}

.ProseMirror pre {
  white-space: pre-wrap;
}

.ProseMirror li {
  position: relative;
}

This file has been truncated. show original

se-1979 · July 9, 2020, 11:47am

The issue fixed by adding the css,Thank you very much aeaton…