Certain CSS selectors not working correctly in combination with form validation pseudo classes

Duplicate Issue #105403 • See Issue #101572


Apr 27, 2014
This issue is public.
See progress on Bug #101572
Found in build #
Reported by 0 people

Sign in to watch or report this issue.

Steps to reproduce



Repro Steps:

Demo here: http://jsbin.com/ARUcoPOC/8

The form has an input with a required rule in it. If we type something in the input, the input element and the form element should both match the selector :valid and IE handles the style changes of these elements correctly. But when I’d like to change styles of the .indicator element by combing certain selectors with :valid, nothing happens until I manually triggers reflow (by changing className or something).

Expected Results:

As soon as user input makes the input value valid, the selectors above should immediately match correct elements and refresh their styles.

Actual Results:


0 attachments

    Comments and activity

    • Microsoft Edge Team

      Changed Assigned To to “Sushanth R.”

      Changed Assigned To from “Sushanth R.” to “IPBS P.”

      Changed Status to “Duplicate”

      Changed Assigned To from “IPBS P.” to “Rossen A.”

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

    Sign in