Auto merge of #7733 - nox:checked, r=Manishearth

Properly consider radio button groups

Radio button groups with missing or empty names are always the only element of their respective radio button group.

<!-- Reviewable:start -->
[<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/7733)
<!-- Reviewable:end -->
This commit is contained in:
bors-servo 2015-09-26 11:21:11 -06:00
commit 37ce248f31
3 changed files with 25 additions and 34 deletions

View file

@ -296,7 +296,7 @@ impl HTMLInputElementMethods for HTMLInputElement {
make_getter!(Name); make_getter!(Name);
// https://html.spec.whatwg.org/multipage/#attr-fe-name // https://html.spec.whatwg.org/multipage/#attr-fe-name
make_setter!(SetName, "name"); make_atomic_setter!(SetName, "name");
// https://html.spec.whatwg.org/multipage/#attr-input-placeholder // https://html.spec.whatwg.org/multipage/#attr-input-placeholder
make_getter!(Placeholder); make_getter!(Placeholder);
@ -342,7 +342,16 @@ impl HTMLInputElementMethods for HTMLInputElement {
#[allow(unsafe_code)] #[allow(unsafe_code)]
fn broadcast_radio_checked(broadcaster: &HTMLInputElement, group: Option<&str>) { fn broadcast_radio_checked(broadcaster: &HTMLInputElement, group: Option<&Atom>) {
match group {
None | Some(&atom!("")) => {
// Radio input elements with a missing or empty name are alone in their
// own group.
return;
},
_ => {},
}
//TODO: if not in document, use root ancestor instead of document //TODO: if not in document, use root ancestor instead of document
let owner = broadcaster.form_owner(); let owner = broadcaster.form_owner();
let doc = document_from_node(broadcaster); let doc = document_from_node(broadcaster);
@ -350,7 +359,7 @@ fn broadcast_radio_checked(broadcaster: &HTMLInputElement, group: Option<&str>)
// This function is a workaround for lifetime constraint difficulties. // This function is a workaround for lifetime constraint difficulties.
fn do_broadcast(doc_node: &Node, broadcaster: &HTMLInputElement, fn do_broadcast(doc_node: &Node, broadcaster: &HTMLInputElement,
owner: Option<&HTMLFormElement>, group: Option<&str>) { owner: Option<&HTMLFormElement>, group: Option<&Atom>) {
// There is no DOM tree manipulation here, so this is safe // There is no DOM tree manipulation here, so this is safe
let iter = unsafe { let iter = unsafe {
doc_node.query_selector_iter("input[type=radio]".to_owned()).unwrap() doc_node.query_selector_iter("input[type=radio]".to_owned()).unwrap()
@ -367,8 +376,9 @@ fn broadcast_radio_checked(broadcaster: &HTMLInputElement, group: Option<&str>)
do_broadcast(doc_node, broadcaster, owner.r(), group) do_broadcast(doc_node, broadcaster, owner.r(), group)
} }
// https://html.spec.whatwg.org/multipage/#radio-button-group
fn in_same_group(other: &HTMLInputElement, owner: Option<&HTMLFormElement>, fn in_same_group(other: &HTMLInputElement, owner: Option<&HTMLFormElement>,
group: Option<&str>) -> bool { group: Option<&Atom>) -> bool {
let other_owner = other.form_owner(); let other_owner = other.form_owner();
let other_owner = other_owner.r(); let other_owner = other_owner.r();
other.input_type.get() == InputType::InputRadio && other.input_type.get() == InputType::InputRadio &&
@ -376,8 +386,7 @@ fn in_same_group(other: &HTMLInputElement, owner: Option<&HTMLFormElement>,
other_owner == owner && other_owner == owner &&
// TODO should be a unicode compatibility caseless match // TODO should be a unicode compatibility caseless match
match (other.get_radio_group_name(), group) { match (other.get_radio_group_name(), group) {
(Some(ref s1), Some(s2)) => &**s1 == s2, (Some(ref s1), Some(s2)) => s1 == s2 && s2 != &atom!(""),
(None, None) => true,
_ => false _ => false
} }
} }
@ -389,17 +398,18 @@ impl HTMLInputElement {
doc.r().content_changed(node, NodeDamage::OtherNodeDamage) doc.r().content_changed(node, NodeDamage::OtherNodeDamage)
} }
pub fn radio_group_updated(&self, group: Option<&str>) { pub fn radio_group_updated(&self, group: Option<&Atom>) {
if self.Checked() { if self.Checked() {
broadcast_radio_checked(self, group); broadcast_radio_checked(self, group);
} }
} }
pub fn get_radio_group_name(&self) -> Option<String> { // https://html.spec.whatwg.org/multipage/#radio-button-group
pub fn get_radio_group_name(&self) -> Option<Atom> {
//TODO: determine form owner //TODO: determine form owner
let elem = ElementCast::from_ref(self); let elem = ElementCast::from_ref(self);
elem.get_attribute(&ns!(""), &atom!("name")) elem.get_attribute(&ns!(""), &atom!("name"))
.map(|name| name.r().Value()) .map(|name| name.value().as_atom().clone())
} }
pub fn update_checked_state(&self, checked: bool, dirty: bool) { pub fn update_checked_state(&self, checked: bool, dirty: bool) {
@ -411,9 +421,7 @@ impl HTMLInputElement {
if self.input_type.get() == InputType::InputRadio && checked { if self.input_type.get() == InputType::InputRadio && checked {
broadcast_radio_checked(self, broadcast_radio_checked(self,
self.get_radio_group_name() self.get_radio_group_name().as_ref());
.as_ref()
.map(|group| &**group));
} }
self.force_relayout(); self.force_relayout();
@ -509,14 +517,14 @@ impl VirtualMethods for HTMLInputElement {
self.input_type.set(value); self.input_type.set(value);
if value == InputType::InputRadio { if value == InputType::InputRadio {
self.radio_group_updated( self.radio_group_updated(
self.get_radio_group_name().as_ref().map(|group| &**group)); self.get_radio_group_name().as_ref());
} }
}, },
AttributeMutation::Removed => { AttributeMutation::Removed => {
if self.input_type.get() == InputType::InputRadio { if self.input_type.get() == InputType::InputRadio {
broadcast_radio_checked( broadcast_radio_checked(
self, self,
self.get_radio_group_name().as_ref().map(|group| &**group)); self.get_radio_group_name().as_ref());
} }
self.input_type.set(InputType::InputText); self.input_type.set(InputType::InputText);
} }
@ -529,7 +537,7 @@ impl VirtualMethods for HTMLInputElement {
}, },
&atom!(name) if self.input_type.get() == InputType::InputRadio => { &atom!(name) if self.input_type.get() == InputType::InputRadio => {
self.radio_group_updated( self.radio_group_updated(
mutation.new_value(attr).as_ref().map(|value| &***value)); mutation.new_value(attr).as_ref().map(|name| name.as_atom()));
}, },
&atom!(placeholder) => { &atom!(placeholder) => {
let mut placeholder = self.placeholder.borrow_mut(); let mut placeholder = self.placeholder.borrow_mut();
@ -545,6 +553,7 @@ impl VirtualMethods for HTMLInputElement {
fn parse_plain_attribute(&self, name: &Atom, value: DOMString) -> AttrValue { fn parse_plain_attribute(&self, name: &Atom, value: DOMString) -> AttrValue {
match name { match name {
&atom!(name) => AttrValue::from_atomic(value),
&atom!("size") => AttrValue::from_limited_u32(value, DEFAULT_INPUT_SIZE), &atom!("size") => AttrValue::from_limited_u32(value, DEFAULT_INPUT_SIZE),
_ => self.super_type().unwrap().parse_plain_attribute(name, value), _ => self.super_type().unwrap().parse_plain_attribute(name, value),
} }
@ -681,7 +690,7 @@ impl Activatable for HTMLInputElement {
doc_node.query_selector_iter("input[type=radio]".to_owned()).unwrap() doc_node.query_selector_iter("input[type=radio]".to_owned()).unwrap()
.filter_map(HTMLInputElementCast::to_root) .filter_map(HTMLInputElementCast::to_root)
.find(|r| { .find(|r| {
in_same_group(r.r(), owner.r(), group.as_ref().map(|gr| &**gr)) && in_same_group(r.r(), owner.r(), group.as_ref()) &&
r.r().Checked() r.r().Checked()
}) })
}; };

View file

@ -15,9 +15,6 @@
[In-document Element.matches: :lang pseudo-class selector, matching specified language with partial value (with no refNodes): #pseudo-lang-div3:lang(en)] [In-document Element.matches: :lang pseudo-class selector, matching specified language with partial value (with no refNodes): #pseudo-lang-div3:lang(en)]
expected: FAIL expected: FAIL
[In-document Element.matches: :checked pseudo-class selector, matching checked radio buttons and checkboxes (with no refNodes): #pseudo-ui :checked]
expected: FAIL
[Detached Element.matches: Attribute hyphen-separated list selector, matching lang attribute with partial value (with no refNodes): #attr-hyphen-div3[lang|="en"\]] [Detached Element.matches: Attribute hyphen-separated list selector, matching lang attribute with partial value (with no refNodes): #attr-hyphen-div3[lang|="en"\]]
expected: FAIL expected: FAIL
@ -57,9 +54,6 @@
[In-document Element.matches: :lang pseudo-class selector, matching specified language with partial value (1) (with no refNodes): #pseudo-lang-div3:lang(en)] [In-document Element.matches: :lang pseudo-class selector, matching specified language with partial value (1) (with no refNodes): #pseudo-lang-div3:lang(en)]
expected: FAIL expected: FAIL
[In-document Element.matches: :checked pseudo-class selector, matching checked radio buttons and checkboxes (1) (with no refNodes): #pseudo-ui :checked]
expected: FAIL
[In-document Element.matches: Class selector, matching element with class value using non-ASCII characters (with no refNodes): .台北Táiběi] [In-document Element.matches: Class selector, matching element with class value using non-ASCII characters (with no refNodes): .台北Táiběi]
expected: FAIL expected: FAIL

View file

@ -48,12 +48,6 @@
[Document.querySelector: :lang pseudo-class selector, not matching incorrect language: #pseudo-lang-div4:lang(es-AR)] [Document.querySelector: :lang pseudo-class selector, not matching incorrect language: #pseudo-lang-div4:lang(es-AR)]
expected: FAIL expected: FAIL
[Document.querySelectorAll: :checked pseudo-class selector, matching checked radio buttons and checkboxes: #pseudo-ui :checked]
expected: FAIL
[Document.querySelector: :checked pseudo-class selector, matching checked radio buttons and checkboxes: #pseudo-ui :checked]
expected: FAIL
[Document.querySelectorAll: :first-line pseudo-element (one-colon syntax) selector, not matching any elements: #pseudo-element:first-line] [Document.querySelectorAll: :first-line pseudo-element (one-colon syntax) selector, not matching any elements: #pseudo-element:first-line]
expected: FAIL expected: FAIL
@ -252,12 +246,6 @@
[In-document Element.querySelector: :lang pseudo-class selector, not matching incorrect language: #pseudo-lang-div4:lang(es-AR)] [In-document Element.querySelector: :lang pseudo-class selector, not matching incorrect language: #pseudo-lang-div4:lang(es-AR)]
expected: FAIL expected: FAIL
[In-document Element.querySelectorAll: :checked pseudo-class selector, matching checked radio buttons and checkboxes: #pseudo-ui :checked]
expected: FAIL
[In-document Element.querySelector: :checked pseudo-class selector, matching checked radio buttons and checkboxes: #pseudo-ui :checked]
expected: FAIL
[In-document Element.querySelectorAll: :first-line pseudo-element (one-colon syntax) selector, not matching any elements: #pseudo-element:first-line] [In-document Element.querySelectorAll: :first-line pseudo-element (one-colon syntax) selector, not matching any elements: #pseudo-element:first-line]
expected: FAIL expected: FAIL