arrow-down arrow at-sign bug check checkbox-checked checkbox-unchecked svg-checkmark chevron-right chevrons-right circle-down circle-left circle-right circle-up cloud2 svg-cross2 download download external-link filter github hash home leaf leaf left link-2 log-in log-out mail menu message-square minus plus radio-checked radio-checked2 radio-unchecked search settings spinner8 target twitter up upload-2 user users warning x zap
  • Home
  • Report a bug
  • Contribute
  • All issues
  • Login

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

  1. Visit https://www.open-resume.com/resume-builder
  2. Click Description textbox under Work Experience
  3. Enter some characters followed by space
  4. 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

  1. Visit thg codesandbox setup created https://codesandbox.io/s/contenteditable-innertext-debug-kf5psc?file=/src/index.js
  2. Open Console in codesandox
  3. Enter b in the textbox, observe it prints "ab"
  4. Enter space in the textbox, observe it prints "ab" follow by a new line (Firefox) instead of "ab " (Chrome, Edge)
View the screenshot Screenshot
Browser Configuration
  • None

From webcompat.com with ❤️

Please login to edit issues.

View issue on Github

Shortcut: Press l on your keyboard to open the label editor. Shortcut: Press g on your keyboard to be taken to the GitHub view of this page.
Needs Diagnosis
#124217

www.open-resume.com - Pressing space in content editable causes Firefox to create a new line cha

Opened: 2023-06-29
Reporter: xitanggg
Comments: 2
  • Home
  • List of issues
  • About
  • Contribute
  • Contact
  • Privacy Policy
  • Terms of Service
  • Code of Conduct