Skip to content

Line break not working in Firefox browser #2931

Open
@izotikov

Description

@izotikov

I've implemented the library in my project. Faced with the problem that at Firefox browser line not breaking at very long words, only at sentences. Chrome, Opera and Safari doing just fine.

Steps to reproduce:

  1. Go to Firefox browser.
  2. Click on EditorJs text field.
  3. try to write very long word.

Expected behavior: Word breaking at the end of text field

Actual behavior: Text not breaking, check screenshots for more info. First screenshot - bug in Firefox. Second screenshot - how it should work (and working in Chrome, Safari, Opera)

Screenshots:

Image

Image

Device, Browser, OS: PC, Firefox, 138.0.1, Windows 11.

Editor.js version: 2.30.8

Plugins you use with their versions:
Editorjs/paragraph version: 2.11.7

I fixed it in my project by adding this in my CSS file

.cdx-block {
  overflow-wrap: break-word;
}

So maybe it will be useful for you.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions