Escenarios
scenario-formatting-persistence
Bold formatting is lost when typing after applying bold
scenario-mobile-touch-behavior
Touch events interfere with contenteditable focus on mobile
scenario-paste-formatting-loss
Pasting rich text into contenteditable strips markup unexpectedly
scenario-ime-enter-breaks
Composition is cancelled when pressing Enter inside contenteditable
scenario-double-line-break
Pressing Enter inserts two line breaks in contenteditable
scenario-ime-backspace-granularity
Backspace removes a whole composed syllable instead of a single jamo
scenario-caret-movement-with-emoji
Arrow keys skip over emoji in contenteditable
scenario-undo-redo-behavior
Undo and redo behavior is inconsistent across browsers
scenario-clipboard-api
Clipboard API paste does not work in contenteditable
scenario-undo-with-composition
Undo during IME composition clears more text than expected
scenario-selection-collapse-on-blur
Selection collapses unexpectedly when clicking outside contenteditable
scenario-mobile-keyboard-scroll
Virtual keyboard on mobile scrolls contenteditable out of view
scenario-space-during-composition
Space key during composition is ignored or committed inconsistently
scenario-caret-position-after-paste
Caret position jumps unexpectedly after pasting content
scenario-drag-drop-behavior
Drag and drop of text within contenteditable does not work as expected
scenario-nested-contenteditable
Nested contenteditable elements cause focus and selection issues
scenario-accessibility-announcements
Screen readers do not announce changes in contenteditable regions
scenario-touch-selection-mobile
Touch selection handles are difficult to use on mobile devices
scenario-execCommand-alternatives
execCommand is deprecated but still widely used for formatting
scenario-paste-plain-text
Pasting rich text inserts unwanted formatting
scenario-focus-management
Focus is lost when clicking on certain elements within contenteditable
scenario-performance-large-content
Typing becomes slow with large contenteditable content
scenario-copy-selection-behavior
Selection is lost after copying content in contenteditable
scenario-paste-media-handling
Pasting images into contenteditable is not supported consistently
scenario-composition-events
Composition events are not fired consistently for all IMEs
scenario-backspace-granularity
Backspace deletes whole words instead of single characters
scenario-caret-movement-granularity
Arrow keys move by word instead of character when modifier is not pressed
scenario-spellcheck-behavior
Spellcheck interferes with contenteditable editing
scenario-input-event-duplication
Input events fire multiple times for single keystroke
scenario-beforeinput-support
beforeinput event is not supported in Safari
scenario-selection-api-behavior
window.getSelection() returns null when contenteditable loses focus
scenario-insertHTML-behavior
insertHTML breaks DOM structure and formatting
scenario-contenteditable-iframe
contenteditable behavior differs when inside an iframe
scenario-ime-ui-positioning
IME candidate window appears in wrong position
scenario-delete-key-behavior
Delete key behavior is inconsistent with Backspace
scenario-contenteditable-shadow-dom
contenteditable does not work correctly inside Shadow DOM
scenario-paste-event-handling
preventDefault on paste event does not prevent default paste behavior
scenario-selection-range-accuracy
Selection range is incorrect when selecting across multiple elements
scenario-contenteditable-readonly
contenteditable="false" on child elements is not respected consistently
scenario-accessibility-aria
ARIA attributes on contenteditable are not properly announced
scenario-contenteditable-table
contenteditable in table cells causes layout issues
scenario-placeholder-behavior
Placeholder text disappears when contenteditable receives focus
scenario-maxlength-behavior
maxlength attribute is not supported on contenteditable
scenario-autocomplete-behavior
Autocomplete suggestions do not appear for contenteditable
scenario-inputmode-behavior
inputmode attribute does not affect virtual keyboard on mobile
scenario-text-direction
Text direction (dir attribute) changes are not applied during editing
scenario-tabindex-behavior
tabindex attribute does not control focus order correctly
scenario-required-validation
required attribute is not supported for validation
scenario-readonly-attribute
readonly attribute does not prevent editing in contenteditable
scenario-language-attribute
lang attribute does not affect spellcheck language
scenario-disabled-attribute
disabled attribute does not disable contenteditable
scenario-form-integration
contenteditable content is not included in form submission
scenario-pattern-validation
pattern attribute does not validate contenteditable content
scenario-spellcheck-interference
Spellcheck suggestions interfere with contenteditable editing
scenario-autofocus-behavior
autofocus attribute does not work on contenteditable
scenario-autocapitalize-behavior
autocapitalize attribute works inconsistently on contenteditable
scenario-autocorrect-behavior
autocorrect attribute behavior differs on contenteditable
scenario-enterkeyhint-behavior
enterkeyhint attribute does not work on contenteditable
scenario-entermode-behavior
enterkeyhint and inputmode affect Enter key behavior inconsistently
scenario-xss-protection
XSS protection may interfere with contenteditable HTML insertion
scenario-cors-restrictions
CORS restrictions may affect contenteditable in cross-origin iframes
scenario-csp-restrictions
Content Security Policy may restrict contenteditable behavior
scenario-web-components-integration
contenteditable behavior differs inside Web Components
scenario-virtual-scrolling
Virtual scrolling libraries interfere with contenteditable selection
scenario-mutation-observer-interference
MutationObserver may interfere with contenteditable editing
scenario-resize-observer-interference
ResizeObserver may cause layout shifts during contenteditable editing
scenario-contenteditable-inheritance
contenteditable inheritance behavior is inconsistent
scenario-intersection-observer-interference
IntersectionObserver may affect contenteditable visibility detection
scenario-drag-drop-api
Drag and Drop API behavior differs in contenteditable
scenario-file-api
File API drag and drop does not work in contenteditable
scenario-fullscreen-api
Fullscreen API may affect contenteditable focus and selection
scenario-page-visibility-api
Page Visibility API may affect contenteditable during tab switches
scenario-media-query-layout
Media query layout changes may disrupt contenteditable editing
scenario-css-contain
CSS contain property may affect contenteditable selection
scenario-css-isolation
CSS isolation property may affect contenteditable stacking context
scenario-css-transform
CSS transform may cause selection handles to appear in wrong position
scenario-css-filter
CSS filter may affect contenteditable performance
scenario-css-backdrop-filter
CSS backdrop-filter may cause rendering issues in contenteditable
scenario-css-mix-blend-mode
CSS mix-blend-mode may affect contenteditable text rendering
scenario-css-will-change
CSS will-change may improve or degrade contenteditable performance
scenario-baseline
Baseline typing and composition in a simple contenteditable region