4 케이스

scenario-formatting-persistence

Bold formatting is lost when typing after applying bold

OS: macOS, Windows, Linux 브라우저: Safari, Chrome, Edge, Firefox
4 케이스

scenario-mobile-touch-behavior

Touch events interfere with contenteditable focus on mobile

OS: iOS, Android 브라우저: Safari, Chrome
3 케이스

scenario-paste-formatting-loss

Pasting rich text into contenteditable strips markup unexpectedly

OS: Windows, macOS 브라우저: Chrome, Safari, Firefox
2 케이스

scenario-ime-enter-breaks

Composition is cancelled when pressing Enter inside contenteditable

OS: Windows 브라우저: Chrome, Firefox
2 케이스

scenario-double-line-break

Pressing Enter inserts two line breaks in contenteditable

OS: macOS 브라우저: Safari, Chrome
2 케이스

scenario-ime-backspace-granularity

Backspace removes a whole composed syllable instead of a single jamo

OS: Windows, macOS 브라우저: Chrome
2 케이스

scenario-caret-movement-with-emoji

Arrow keys skip over emoji in contenteditable

OS: macOS, Windows 브라우저: Chrome, Edge
2 케이스

scenario-undo-redo-behavior

Undo and redo behavior is inconsistent across browsers

OS: Windows, macOS 브라우저: Edge, Safari
2 케이스

scenario-clipboard-api

Clipboard API paste does not work in contenteditable

OS: macOS, Windows 브라우저: Chrome, Firefox
1 케이스

scenario-undo-with-composition

Undo during IME composition clears more text than expected

OS: Windows 브라우저: Chrome
1 케이스

scenario-selection-collapse-on-blur

Selection collapses unexpectedly when clicking outside contenteditable

OS: macOS 브라우저: Safari
1 케이스

scenario-mobile-keyboard-scroll

Virtual keyboard on mobile scrolls contenteditable out of view

OS: iOS 브라우저: Safari
1 케이스

scenario-space-during-composition

Space key during composition is ignored or committed inconsistently

OS: Windows 브라우저: Edge
1 케이스

scenario-caret-position-after-paste

Caret position jumps unexpectedly after pasting content

OS: Windows 브라우저: Firefox
1 케이스

scenario-drag-drop-behavior

Drag and drop of text within contenteditable does not work as expected

OS: macOS 브라우저: Chrome
1 케이스

scenario-nested-contenteditable

Nested contenteditable elements cause focus and selection issues

OS: Any 브라우저: Chrome
1 케이스

scenario-accessibility-announcements

Screen readers do not announce changes in contenteditable regions

OS: macOS 브라우저: Safari
1 케이스

scenario-touch-selection-mobile

Touch selection handles are difficult to use on mobile devices

OS: iOS 브라우저: Safari
1 케이스

scenario-execCommand-alternatives

execCommand is deprecated but still widely used for formatting

OS: Any 브라우저: Chrome
1 케이스

scenario-paste-plain-text

Pasting rich text inserts unwanted formatting

OS: macOS 브라우저: Safari
1 케이스

scenario-focus-management

Focus is lost when clicking on certain elements within contenteditable

OS: Windows 브라우저: Firefox
1 케이스

scenario-performance-large-content

Typing becomes slow with large contenteditable content

OS: Any 브라우저: Chrome
1 케이스

scenario-copy-selection-behavior

Selection is lost after copying content in contenteditable

OS: macOS 브라우저: Safari
1 케이스

scenario-paste-media-handling

Pasting images into contenteditable is not supported consistently

OS: macOS 브라우저: Chrome
1 케이스

scenario-composition-events

Composition events are not fired consistently for all IMEs

OS: macOS 브라우저: Safari
1 케이스

scenario-backspace-granularity

Backspace deletes whole words instead of single characters

OS: macOS 브라우저: Safari
1 케이스

scenario-caret-movement-granularity

Arrow keys move by word instead of character when modifier is not pressed

OS: Windows 브라우저: Chrome
1 케이스

scenario-spellcheck-behavior

Spellcheck interferes with contenteditable editing

OS: macOS 브라우저: Safari
1 케이스

scenario-input-event-duplication

Input events fire multiple times for single keystroke

OS: Windows 브라우저: Edge
1 케이스

scenario-beforeinput-support

beforeinput event is not supported in Safari

OS: macOS 브라우저: Safari
1 케이스

scenario-selection-api-behavior

window.getSelection() returns null when contenteditable loses focus

OS: macOS 브라우저: Safari
1 케이스

scenario-insertHTML-behavior

insertHTML breaks DOM structure and formatting

OS: Windows 브라우저: Chrome
1 케이스

scenario-contenteditable-iframe

contenteditable behavior differs when inside an iframe

OS: Windows 브라우저: Edge
1 케이스

scenario-ime-ui-positioning

IME candidate window appears in wrong position

OS: macOS 브라우저: Chrome
1 케이스

scenario-delete-key-behavior

Delete key behavior is inconsistent with Backspace

OS: Linux 브라우저: Firefox
1 케이스

scenario-contenteditable-shadow-dom

contenteditable does not work correctly inside Shadow DOM

OS: macOS 브라우저: Chrome
1 케이스

scenario-paste-event-handling

preventDefault on paste event does not prevent default paste behavior

OS: Windows 브라우저: Chrome
1 케이스

scenario-selection-range-accuracy

Selection range is incorrect when selecting across multiple elements

OS: Windows 브라우저: Edge
1 케이스

scenario-contenteditable-readonly

contenteditable="false" on child elements is not respected consistently

OS: Any 브라우저: Chrome
1 케이스

scenario-accessibility-aria

ARIA attributes on contenteditable are not properly announced

OS: macOS 브라우저: Safari
1 케이스

scenario-contenteditable-table

contenteditable in table cells causes layout issues

OS: Windows 브라우저: Firefox
1 케이스

scenario-placeholder-behavior

Placeholder text disappears when contenteditable receives focus

OS: macOS 브라우저: Safari
1 케이스

scenario-maxlength-behavior

maxlength attribute is not supported on contenteditable

OS: Windows 브라우저: Chrome
1 케이스

scenario-autocomplete-behavior

Autocomplete suggestions do not appear for contenteditable

OS: macOS 브라우저: Chrome
1 케이스

scenario-inputmode-behavior

inputmode attribute does not affect virtual keyboard on mobile

OS: iOS 브라우저: Safari
1 케이스

scenario-text-direction

Text direction (dir attribute) changes are not applied during editing

OS: Windows 브라우저: Firefox
1 케이스

scenario-tabindex-behavior

tabindex attribute does not control focus order correctly

OS: Windows 브라우저: Edge
1 케이스

scenario-required-validation

required attribute is not supported for validation

OS: macOS 브라우저: Chrome
1 케이스

scenario-readonly-attribute

readonly attribute does not prevent editing in contenteditable

OS: Linux 브라우저: Firefox
1 케이스

scenario-language-attribute

lang attribute does not affect spellcheck language

OS: macOS 브라우저: Safari
1 케이스

scenario-disabled-attribute

disabled attribute does not disable contenteditable

OS: macOS 브라우저: Safari
1 케이스

scenario-form-integration

contenteditable content is not included in form submission

OS: Windows 브라우저: Chrome
1 케이스

scenario-pattern-validation

pattern attribute does not validate contenteditable content

OS: Windows 브라우저: Firefox
1 케이스

scenario-spellcheck-interference

Spellcheck suggestions interfere with contenteditable editing

OS: macOS 브라우저: Safari
1 케이스

scenario-autofocus-behavior

autofocus attribute does not work on contenteditable

OS: Windows 브라우저: Chrome
1 케이스

scenario-autocapitalize-behavior

autocapitalize attribute works inconsistently on contenteditable

OS: iOS 브라우저: Safari
1 케이스

scenario-autocorrect-behavior

autocorrect attribute behavior differs on contenteditable

OS: iOS 브라우저: Safari
1 케이스

scenario-enterkeyhint-behavior

enterkeyhint attribute does not work on contenteditable

OS: Android 브라우저: Chrome
1 케이스

scenario-entermode-behavior

enterkeyhint and inputmode affect Enter key behavior inconsistently

OS: iOS 브라우저: Safari
1 케이스

scenario-xss-protection

XSS protection may interfere with contenteditable HTML insertion

OS: Windows 브라우저: Edge
1 케이스

scenario-cors-restrictions

CORS restrictions may affect contenteditable in cross-origin iframes

OS: macOS 브라우저: Safari
1 케이스

scenario-csp-restrictions

Content Security Policy may restrict contenteditable behavior

OS: Windows 브라우저: Chrome
1 케이스

scenario-web-components-integration

contenteditable behavior differs inside Web Components

OS: Windows 브라우저: Chrome
1 케이스

scenario-virtual-scrolling

Virtual scrolling libraries interfere with contenteditable selection

OS: macOS 브라우저: Chrome
1 케이스

scenario-mutation-observer-interference

MutationObserver may interfere with contenteditable editing

OS: macOS 브라우저: Safari
1 케이스

scenario-resize-observer-interference

ResizeObserver may cause layout shifts during contenteditable editing

OS: Windows 브라우저: Chrome
1 케이스

scenario-contenteditable-inheritance

contenteditable inheritance behavior is inconsistent

OS: Windows 브라우저: Firefox
1 케이스

scenario-intersection-observer-interference

IntersectionObserver may affect contenteditable visibility detection

OS: macOS 브라우저: Safari
1 케이스

scenario-drag-drop-api

Drag and Drop API behavior differs in contenteditable

OS: macOS 브라우저: Chrome
1 케이스

scenario-file-api

File API drag and drop does not work in contenteditable

OS: macOS 브라우저: Safari
1 케이스

scenario-fullscreen-api

Fullscreen API may affect contenteditable focus and selection

OS: Windows 브라우저: Chrome
1 케이스

scenario-page-visibility-api

Page Visibility API may affect contenteditable during tab switches

OS: macOS 브라우저: Safari
1 케이스

scenario-media-query-layout

Media query layout changes may disrupt contenteditable editing

OS: iOS 브라우저: Safari
1 케이스

scenario-css-contain

CSS contain property may affect contenteditable selection

OS: Windows 브라우저: Chrome
1 케이스

scenario-css-isolation

CSS isolation property may affect contenteditable stacking context

OS: macOS 브라우저: Safari
1 케이스

scenario-css-transform

CSS transform may cause selection handles to appear in wrong position

OS: Windows 브라우저: Edge
1 케이스

scenario-css-filter

CSS filter may affect contenteditable performance

OS: macOS 브라우저: Chrome
1 케이스

scenario-css-backdrop-filter

CSS backdrop-filter may cause rendering issues in contenteditable

OS: iOS 브라우저: Safari
1 케이스

scenario-css-mix-blend-mode

CSS mix-blend-mode may affect contenteditable text rendering

OS: Windows 브라우저: Firefox
1 케이스

scenario-css-will-change

CSS will-change may improve or degrade contenteditable performance

OS: macOS 브라우저: Chrome
1 케이스

scenario-baseline

Baseline typing and composition in a simple contenteditable region

OS: Any 브라우저: Chrome