Baseline typing and composition in a simple contenteditable region
Any Any Β· Chrome Latest
Open case β π Real-world contenteditable research
contenteditable.lab
Ever wondered why your contenteditable behaves differently in Safari vs Chrome? Or why IME composition (Chinese, Japanese, Korean, and more) breaks in some browsers? We're documenting these real-world quirks across all languages and input methods so you don't have to discover them the hard way.
β 312 documented cases
π All languages & IMEs
π¬ Real-world tested
β¨
What's New
Fresh cases and scenarios added recently
New Scenarios
Latest Cases
example-baseline draft
Baseline typing and composition in a simple contenteditable region
Any Β· Chrome
ce-0587-link-span-data-href-editing-pattern draft
Pattern β span + data-href for links during edit, <a> on export
Any Β· Any
ce-0586-firefox-android-nested-gettargetranges-parent-range draft
Firefox Android may report parent contenteditable range in beforeinput for nested inner editor
Android Β· Firefox
ce-0585-chrome-web-speech-api-contenteditable-insertion draft
Web Speech API final results can insert at the wrong range if selection moves during recognition
Windows Β· Chrome
ce-0584-ios-safari-inputtype-null-forced-render-breaks-sync draft
iOS Safari β forced re-render when inputType is undefined/null or during multi insertText breaks modelβDOM sync
iOS Β· Safari
ce-0583-select-all-non-editable-block-first-last-child draft
Select All (Ctrl+A) fails when non-editable block is first or last child
macOS Β· Safari
312
Total Cases
186
Scenarios
7
OS Variants
14
Browsers
32
Confirmed
280
Draft
Cases by Category
83
IME & Composition
26
Formatting
54
Selection
24
Paste & Clipboard
π¬
Browse by phenomenon
Start from a specific behavior or issue to see how it manifests across different environments. Each scenario tells a story of browser quirks and edge cases.
Baseline typing and composition in a simple contenteditable region
scenario-baseline
1 case
β Link as non-anchor markup during editing (e.g. span + data-href)
scenario-link-span-internal-representation
1 case
β getTargetRanges() can reference the wrong contenteditable when editors are nested
scenario-gettargetranges-nested-wrong-scope
1 case
β Voice and speech-driven input in contenteditable lacks a stable editing contract
scenario-voice-input-contenteditable
1 case
β iOS Safari contenteditable β do not force re-render or change selection during input
scenario-ios-safari-contenteditable-do-not-force-rerender-or-change-selection-during-input
1 case
β Select All (Ctrl+A) collapses wrong way when non-editable block is first or last child
scenario-select-all-non-editable-block
1 case
β β‘
Quick Links
Jump to popular sections and resources.
π·οΈ
Browse by category
Explore cases by topic tags or environment filters.
π
Pinned incidents
Curated baseline references and frequently observed issues.
π¬
Join the Community
Share your findings, ask questions, or contribute to the project. Your input helps make this catalog more comprehensive.
π
Latest scenarios
Recently documented scenarios, sorted by the most recent case added. Keep checking back for new discoveries!
Baseline typing and composition in a simple contenteditable region
scenario-baseline
1 case Β· Any
Link as non-anchor markup during editing (e.g. span + data-href)
scenario-link-span-internal-representation
1 case Β· Any
getTargetRanges() can reference the wrong contenteditable when editors are nested
scenario-gettargetranges-nested-wrong-scope
1 case Β· Android
Voice and speech-driven input in contenteditable lacks a stable editing contract
scenario-voice-input-contenteditable
1 case Β· Windows
iOS Safari contenteditable β do not force re-render or change selection during input
scenario-ios-safari-contenteditable-do-not-force-rerender-or-change-selection-during-input
1 case Β· iOS
Select All (Ctrl+A) collapses wrong way when non-editable block is first or last child
scenario-select-all-non-editable-block
1 case Β· macOS
Deleted inline elements recreated when typing in contenteditable
scenario-inline-element-recreation-after-delete
1 case Β· Windows
IME Interaction Patterns: Keys, Events, and Edge Cases
scenario-ime-interaction-patterns
21 cases Β· Android
IME UI & Experience: Viewports, Candidates, and Layout
scenario-ime-ui-experience
1 case Β· iOS
Performance Foundations: Complexity, Memory, and Thrashing
scenario-performance-foundations
1 case Β· macOS
Duplicate beforeinput or input events during IME composition
scenario-ime-composition-duplicate-events
2 cases Β· Android
Paragraph splitting and block behavior in editors
scenario-paragraph-behavior
1 case Β· Windows
IME composition text leaks outside table cells
scenario-table-composition-leaks
2 cases Β· macOS
Accessibility Foundations: Screen Readers, ARIA, and the AX-Tree
scenario-accessibility-foundations
5 cases Β· Windows
Plain text paste and plaintext-only contenteditable
scenario-paste-plain-text
2 cases Β· Linux
Contenteditable isolation and selection in Shadow DOM
scenario-contenteditable-shadow-dom
1 case Β· macOS
RTL text direction and selection behavior inconsistent in contenteditable
scenario-rtl-text-direction-inconsistent
1 case Β· Windows
Firefox Drag and Drop failures in contenteditable
scenario-firefox-drag-drop-issues
3 cases Β· Linux
Placeholder interference with IME and DOM mutations
scenario-placeholder-behavior
2 cases Β· Android
Composition event lifecycle inconsistencies across browsers
scenario-composition-events
2 cases Β· macOS