Case ce-0158-table-cell-selection-difficult · Scenario scenario-table-editing

Selecting table cell content is difficult

OS: Windows 11 Device: Desktop or Laptop Any Browser: Chrome 120.0 Keyboard: US Status: draft
table cell selection chrome

Phenomenon

When trying to select text within a table cell in Chrome, the selection may extend outside the cell or may not work properly. It’s difficult to select and edit cell content precisely.

Reproduction example

  1. Create a table with cells containing text
  2. Try to select text within a cell
  3. Observe selection behavior

Observed behavior

  • Selection may extend to adjacent cells
  • Or selection may not work at all
  • Cell boundaries are not respected
  • Precise selection is difficult

Expected behavior

  • Selection should be contained within cell
  • Cell boundaries should be respected
  • Selection should work smoothly
  • Editing should be precise

Browser Comparison

  • Chrome/Edge: Selection may extend outside cell (this case)
  • Firefox: Similar selection issues
  • Safari: Selection behavior most inconsistent

Notes and possible direction for workarounds

  • Constrain selection to cell boundaries
  • Intercept selection events in table cells
  • Prevent selection from extending outside cell
  • Provide visual feedback for cell boundaries
Before
Cell 1Cell 2
Table structure, attempting to select Cell 1 text
After Selection (Bug)
Cell 1Cell 2
Selection expands to adjacent cells or ignores cell boundaries
vs
✅ Expected
Cell 1Cell 2
Expected: Selection limited to inside cell

Browser compatibility matrix

This matrix shows which browser and OS combinations have documented cases for this scenario. The current case is highlighted. Click on a cell to view other cases.

Current case
Confirmed
Draft
No case documented

All variants (detailed table)

Complete list of all cases for this scenario with full environment details.

Case OS Device Browser Keyboard Status
ce-0115-table-tab-navigation Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0126-table-cell-editing-breaks Windows 11 Desktop or Laptop Any Safari 17.0 US draft
ce-0148-table-paste-breaks-structure Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0158-table-cell-selection-difficult Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0171-table-row-deletion-difficult Windows 11 Desktop or Laptop Any Chrome 120.0 US draft

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: Chrome 120.0
Keyboard: US
Your environment
Sample HTML:
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.

Comments & Discussion

Have questions, suggestions, or want to share your experience? Join the discussion below.