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.