<form> <input type=radio name=rg1 id=radio1 required> <input type=radio name=rg1 id=radio2 checked> </form> The element 'radio1' is valid ($('radio1').validity.valid == true). If the element 'radio2' is detached from the renderer tree or removed from the DOM tree, the validity of 'radio1' should be changed to false.
(In reply to comment #0) > The element 'radio1' is valid ($('radio1').validity.valid == true). If the element 'radio2' is detached from the renderer tree or removed from the DOM tree, the validity of 'radio1' should be changed to false. Oops, it seems that there is no problem in a case of "removed from the DOM tree". I saw the problem when $('radio2').style.display = 'none'.
As per the standard, element visibility should not affect the radio button validity.
Per the above comment, this is not a valid bug/request that we decline to fix, changing resolution to INVALID.