์ผ€์ด์Šค ce-0023 ยท ์‹œ๋‚˜๋ฆฌ์˜ค scenario-double-line-break

Pressing Enter inserts two line breaks in contenteditable

OS: macOS Ubuntu 22.04 ๊ธฐ๊ธฐ: Desktop or Laptop Any ๋ธŒ๋ผ์šฐ์ €: Chrome 120.0 ํ‚ค๋ณด๋“œ: US ์ดˆ์•ˆ
line-breakenterchrome

์ด ํŽ˜์ด์ง€๋Š” ์•„์ง ๋ฒˆ์—ญ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค

ํ˜„์žฌ ์˜์–ด ์›๋ฌธ์„ ํ‘œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฒˆ์—ญ์— ๊ธฐ์—ฌํ•ด ์ฃผ์‹œ๋ฉด ๊ฐ์‚ฌํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค.

Phenomenon

In Chrome on macOS, pressing Enter in a contenteditable region inserts two line breaks (<br> elements) instead of one, causing unexpected spacing between paragraphs.

Reproduction example

  1. Create a contenteditable div.
  2. Type some text.
  3. Press Enter to create a new line.
  4. Observe the DOM structure.

Observed behavior

  • In Chrome on macOS, pressing Enter creates two <br> elements.
  • This results in double spacing between lines.
  • The behavior is inconsistent with other browsers.

Expected behavior

  • Pressing Enter should insert a single line break or create a new paragraph element.
  • The spacing should be consistent with standard text editing behavior.

์ด ์‹œ๋‚˜๋ฆฌ์˜ค์˜ ๋ณ€ํ˜•

์ผ€์ด์Šค OS ๋ธŒ๋ผ์šฐ์ € ์ƒํƒœ
ce-0003 macOS 14.0 Safari 17.0 ์ดˆ์•ˆ
ce-0023 macOS Ubuntu 22.04 Chrome 120.0 ์ดˆ์•ˆ

Playground for this case

Use the reported environment as a reference and record what happens in your environment while interacting with the editable area.

Reported environment
OS: macOS Ubuntu 22.04
Device: Desktop or Laptop Any
Browser: Chrome 120.0
Keyboard: US
Your environment

Use this editable area to reproduce the described case.

Event log
Use this log together with the case description when filing or updating an issue.
0 events
Interact with the editable area to see events here.