:invalid pseudo-class is set to disabled select

Confirmed Issue #7798152 • Assigned to Bogdan B.


Jun 6, 2016
This issue is public.
Found in
  • Microsoft Edge
  • Internet Explorer
Found in build #
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:


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


“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>

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


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