codex-team / codex-team/editor.js

Line break not working in Firefox browser

Open
#2,931 0 comments 0 reactions 0 assignees View on GitHub
bug
Dominant language
TypeScript
Stars
31.9k
Forks
2.2k
Avg merge
1d 1h
Merged PRs (30d)
1

Description

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](https://github.com/user-attachments/assets/344d9216-2a54-4e0c-aa5a-dfefd91f34b7)

![Image](https://github.com/user-attachments/assets/80289cb7-e8d3-4806-be0b-36bb8bb4a612)

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

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

So maybe it will be useful for you.

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.