:invalid pseudo-class is set to disabled select

Confirmed Issue #7798152 • Assigned to Bogdan B.

Details

Created
Jun 6, 2016
Privacy
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Found in build #
13.10586
Reports
Reported by 1 person

Sign in to watch or report this issue.

Steps to reproduce

There’s a difference in implementation between IE Edge (and 11) and other modern browsers regarding the :invalid pseudo-class. A disabled select will be marked as :invalid if it’s set to required and the form is submitted. But as I understand the specification, this is wrong:

https://www.w3.org/TR/html5/disabled-elements.html#selector-invalid

“The :invalid pseudo-class must match any element falling into one of the following categories: […] that are candidates for constraint validation”

https://www.w3.org/TR/html5/forms.html#enabling-and-disabling-form-controls:-the-disabled-attribute

“Constraint validation: If an element is disabled, it is barred from constraint validation.”

Code Example

<select name="test" id="test" required="required" disabled="disabled">
  <option value="">Bitte wählen</option>
  <option value="1">Erste Option</option>
  <option value="2">Zweite Option</option>
  <option value="3">Dritte Option</option>
</select>

See also: http://output.jsbin.com/wukogomane

Attachments

0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Status to “Confirmed”

      Changed Assigned To to “Bogdan B.”

    You need to sign in to your Microsoft account to add a comment.

    Sign in