required attribute is not supported for validation
OS: Windows 11 · Device: Desktop Any · Browser: Chrome 120.0 · Keyboard: US
Open case →Scenario
required attribute is not supported for validation
The required attribute, which works on form inputs to indicate mandatory fields, is not supported on contenteditable regions. There is no built-in way to mark a contenteditable as required for form validation.
other
Scenario ID
scenario-required-validation
Details
The required attribute, which works on form inputs to indicate mandatory fields, is not supported on contenteditable regions. There is no built-in way to mark a contenteditable as required for form validation.
References
- MDN: required attribute - required attribute documentation
- SitePoint: HTML5 Forms New Controls - Form validation limitations
- Evidently Knowledge: Input text fields - aria-required usage
Scenario flow
Visual view of how this scenario connects to its concrete cases and environments. Nodes can be dragged and clicked.
Variants
Each row is a concrete case for this scenario, with a dedicated document and playground.
| Case | OS | Device | Browser | Keyboard | Status |
|---|---|---|---|---|---|
| ce-0063-contenteditable-with-required | Windows 11 | Desktop Any | Chrome 120.0 | US | confirmed |
Cases
Open a case to see the detailed description and its dedicated playground.
Related Scenarios
Other scenarios that share similar tags or category.
Tags: form, chrome
contenteditable content is not included in form submission
When a contenteditable region is inside a form, its content is not automatically included in form submission. Unlike input and textarea, contenteditable content must be manually extracted and added to the form data.
1 case
Tags: validation, chrome
maxlength attribute is not supported on contenteditable
The `maxlength` attribute, which works on `<input>` and `<textarea>` elements, is not supported on contenteditable regions. There is no built-in way to limit the amount of content that can be entered.
1 case
Tags: chrome
autofocus attribute does not work on contenteditable
The autofocus attribute, which automatically focuses form inputs on page load, does not work on contenteditable elements. There is no built-in way to automatically focus a contenteditable region when a page loads.
1 case
Tags: form
Browser autofill and autocomplete do not work with contenteditable
Browser autofill and autocomplete features are designed to work with form-associated elements like input and textarea, not with generic contenteditable elements. The autocomplete attribute is ignored on contenteditable elements, and browsers do not provide autofill suggestions when typing in contenteditable regions.
0 cases
Tags: chrome
Text caret is invisible on position:relative elements
When editing content inside an element with `position:relative`, the text caret (cursor) is completely invisible. Text can be typed and appears in the editor, but there's no visual feedback of where the insertion point is located.
2 cases
Comments & Discussion
Have questions, suggestions, or want to share your experience? Join the discussion below.