Open Bug 1504622 Opened 6 years ago Updated 2 years ago

Space is not displayed in contenteditable div with overflow: hidden

Categories

(Core :: DOM: Editor, defect, P3)

Product:
Core
Component:
DOM: Editor
Type:
defect

Tracking

()

Tracking Flags:
Tracking Status
firefox-esr60 --- wontfix
firefox63 --- wontfix
firefox64 --- fix-optional
firefox65 --- fix-optional

People

(Reporter: al.govorkova, Unassigned)

References

(Blocks 1 open bug,
URL
)

Details

(Whiteboard: [h2review-noted]) 

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36

Steps to reproduce:

Issue is reproduced on both 63 and 65 (Nightly) versions

1. Create contenteditable div with some content that ends with letter, no space. E.g. <div contenteditable='true'>text</div>
2. Set the following styles
  position: absolute;
  overflow: hidden;
3. Set cursor to the end of the 'text' and press space

You can find example here https://jsfiddle.net/9wsdL0ch/3/


Actual results:

Space is not displayed (it will be displayed if you press one more letter)


Expected results:

Space is displayed
Component: Untriaged → Editor
Product: Firefox → Core
other browser such as Blink inserts &nbsp; even if that is first tail space.
Blocks: editor-blink-compat
Priority: -- → P3
Whiteboard: [h2review-noted]

The bug has a release status flag that shows some version of Firefox is affected, thus it will be considered confirmed.

Status: UNCONFIRMED → NEW
Ever confirmed: true
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.