Case ce-0109-image-resize-limited · Scenario scenario-image-resize

Native image resize handles are limited or unavailable

OS: Windows 11 Device: Desktop or Laptop Any Browser: Chrome 120.0 Keyboard: US Status: draft
image resize drag chrome

Phenomenon

When selecting an image in a contenteditable element, native resize handles may not appear or may be limited. Users cannot easily resize images without custom implementation.

Reproduction example

  1. Insert an image into contenteditable
  2. Click to select the image
  3. Look for resize handles

Observed behavior

  • Resize handles may not appear at all
  • Or handles may appear but not work properly
  • Image resizing is not intuitive
  • Users cannot easily adjust image size

Expected behavior

  • Resize handles should appear when image is selected
  • Handles should work smoothly
  • Image should resize while maintaining aspect ratio (optionally)
  • Behavior should be consistent across browsers

Browser Comparison

  • Chrome/Edge: Limited or no native resize handles
  • Firefox: No native resize support
  • Safari: May have different resize behavior

Notes and possible direction for workarounds

  • Implement custom resize handles
  • Use mouse events to track drag operations
  • Update image width/height attributes or CSS
  • Maintain aspect ratio if desired
  • Provide visual feedback during resize

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-0109-image-resize-limited Windows 11 Desktop or Laptop Any Chrome 120.0 US draft
ce-0139-image-resize-aspect-ratio 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.