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

Duplicate Issue #105403 • See Issue #101572

Details

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

Sign in to watch or report this issue.

Steps to reproduce

URL =

URL:

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:

Attachments

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