Case ce-0152-link-href-update-difficult · Scenario scenario-link-insertion

Updating link href is difficult without custom implementation

OS: Windows 11 Device: Desktop or Laptop Any Browser: Chrome 120.0 Keyboard: US Status: draft
link href update chrome

Phenomenon

When a link already exists in contenteditable, updating the href attribute is difficult. There’s no native way to edit the URL, and programmatic updates may not be reflected in the DOM immediately.

Reproduction example

  1. Create a link: <a href="url1">Link text</a>
  2. Try to update the href to a different URL
  3. Observe the DOM

Observed behavior

  • No native way to edit href
  • Programmatic updates may not work
  • Or updates may not be reflected
  • Difficult to modify existing links

Expected behavior

  • Should be able to edit link URL easily
  • Or programmatic updates should work reliably
  • Changes should be reflected immediately
  • Link editing should be intuitive

Browser Comparison

  • All browsers: No native href editing
  • Custom implementation needed for link editing

Notes and possible direction for workarounds

  • Provide UI for editing link href
  • Intercept link clicks to show edit dialog
  • Update href programmatically
  • Ensure changes are reflected in DOM
Before
Existing link
After Programmatic Update (Bug)
Attempting to update href programmatically, not reflected in DOM
vs
✅ Expected
Expected: href update immediately reflected in DOM

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-0100-link-insertion-chrome Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0133-link-removal-leaves-empty Windows 11 Desktop or Laptop Any Firefox 120.0 US draft
ce-0152-link-href-update-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.