URL: https://www.open-resume.com/resume-builder
Browser / Version: Chrome 114.0.0
Operating System: Windows 10
Tested Another Browser: Yes Edge
Problem type: Something else
Description: Pressing space in content editable causes Firefox to create a new line character
Steps to Reproduce:
Hi there, I am the creator of the open source project open-resume.com. I am using a content editable div to allow users to enter their work experience descriptions. I run into an issue with firefox where if user enters space in the content editable div (if it is at the end of line), Firefox returns it as a new line character \n in innerText
. This causes usability issues to users and an issue has been created xitanggg/open-resume#15.
To reproduce this, you can
- Visit https://www.open-resume.com/resume-builder
- Click Description textbox under Work Experience
- Enter some characters followed by space
- Observe a new line is created and textbox lose focus
(This issue doesn't occur on Edge or Chrome)
To debug this issue, you can
- Visit thg codesandbox setup created https://codesandbox.io/s/contenteditable-innertext-debug-kf5psc?file=/src/index.js
- Open Console in codesandox
- Enter b in the textbox, observe it prints "ab"
- Enter space in the textbox, observe it prints "ab" follow by a new line (Firefox) instead of "ab " (Chrome, Edge)
View the screenshot
Browser Configuration
From webcompat.com with ❤️
URL: https://www.open-resume.com/resume-builder
Browser / Version: Chrome 114.0.0
Operating System: Windows 10
Tested Another Browser: Yes Edge
Problem type: Something else
Description: Pressing space in content editable causes Firefox to create a new line character
Steps to Reproduce:
Hi there, I am the creator of the open source project open-resume.com. I am using a content editable div to allow users to enter their work experience descriptions. I run into an issue with firefox where if user enters space in the content editable div (if it is at the end of line), Firefox returns it as a new line character \n in
innerText
. This causes usability issues to users and an issue has been created xitanggg/open-resume#15.To reproduce this, you can
(This issue doesn't occur on Edge or Chrome)
To debug this issue, you can
View the screenshot
Browser Configuration
From webcompat.com with ❤️