Case ce-0055 · Scenario scenario-contenteditable-table

contenteditable in table cells causes layout issues

OS: Windows 11 Device: Desktop or Laptop Any Browser: Firefox 120.0 Keyboard: US Status: draft
table layout contenteditable firefox

Phenomenon

When a contenteditable region is inside a table cell (<td>), editing the content may cause layout issues in Firefox. The table may resize unexpectedly or the cell may overflow.

Reproduction example

  1. Create a table with a contenteditable cell:
    <table>
      <tr>
        <td contenteditable>Editable content</td>
      </tr>
    </table>
  2. Edit the content in the cell (add or remove text).
  3. Observe the table layout.

Observed behavior

  • In Firefox on Windows, editing content in table cells may cause layout issues.
  • The table may resize unexpectedly.
  • Cells may overflow or change size.
  • The layout may become unstable.

Expected behavior

  • Editing content in table cells should not cause layout issues.
  • The table should maintain its structure.
  • Cell sizes should remain stable during editing.

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: Windows 11
Device: Desktop or Laptop Any
Browser: Firefox 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.