mirror of
https://github.com/servo/servo.git
synced 2025-06-19 22:59:03 +01:00
We parse when assigning using the namespaces of the stylesheet. It isn't clear if the spec says to do that (Firefox doesn't support the setter at all, Chrome does, Safari doesn't); the spec issue is here: https://github.com/w3c/csswg-drafts/issues/1511 Also fix ToCss implementation of AttrSelectorOperator to not pad with spaces, to conform with CSSOM. This means we have to update some unit tests that expect operators with spaces around them in attribute selectors to roundtrip. See the "attribute selector" section of "Serializing Selectors" here: https://drafts.csswg.org/cssom/#serializing-selectors CSSStyleRule.selectorText is specified here: https://drafts.csswg.org/cssom/#dom-cssstylerule-selectortext
454 lines
16 KiB
Rust
454 lines
16 KiB
Rust
/* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
|
|
|
|
use dom::bindings::codegen::Bindings::CSSStyleDeclarationBinding::{self, CSSStyleDeclarationMethods};
|
|
use dom::bindings::codegen::Bindings::WindowBinding::WindowMethods;
|
|
use dom::bindings::error::{Error, ErrorResult, Fallible};
|
|
use dom::bindings::inheritance::Castable;
|
|
use dom::bindings::js::{JS, Root};
|
|
use dom::bindings::reflector::{DomObject, Reflector, reflect_dom_object};
|
|
use dom::bindings::str::DOMString;
|
|
use dom::cssrule::CSSRule;
|
|
use dom::element::Element;
|
|
use dom::node::{Node, window_from_node, document_from_node};
|
|
use dom::window::Window;
|
|
use dom_struct::dom_struct;
|
|
use servo_url::ServoUrl;
|
|
use std::ascii::AsciiExt;
|
|
use style::attr::AttrValue;
|
|
use style::properties::{Importance, PropertyDeclarationBlock, PropertyId, LonghandId, ShorthandId};
|
|
use style::properties::{parse_one_declaration_into, parse_style_attribute, SourcePropertyDeclaration};
|
|
use style::selector_parser::PseudoElement;
|
|
use style::shared_lock::Locked;
|
|
use style::stylearc::Arc;
|
|
use style_traits::{PARSING_MODE_DEFAULT, ToCss};
|
|
|
|
// http://dev.w3.org/csswg/cssom/#the-cssstyledeclaration-interface
|
|
#[dom_struct]
|
|
pub struct CSSStyleDeclaration {
|
|
reflector_: Reflector,
|
|
owner: CSSStyleOwner,
|
|
readonly: bool,
|
|
pseudo: Option<PseudoElement>,
|
|
}
|
|
|
|
#[derive(HeapSizeOf, JSTraceable)]
|
|
#[must_root]
|
|
pub enum CSSStyleOwner {
|
|
Element(JS<Element>),
|
|
CSSRule(JS<CSSRule>,
|
|
#[ignore_heap_size_of = "Arc"]
|
|
Arc<Locked<PropertyDeclarationBlock>>),
|
|
}
|
|
|
|
impl CSSStyleOwner {
|
|
// Mutate the declaration block associated to this style owner, and
|
|
// optionally indicate if it has changed (assumed to be true).
|
|
fn mutate_associated_block<F, R>(&self, f: F) -> R
|
|
where F: FnOnce(&mut PropertyDeclarationBlock, &mut bool) -> R,
|
|
{
|
|
// TODO(emilio): This has some duplication just to avoid dummy clones.
|
|
//
|
|
// This is somewhat complex but the complexity is encapsulated.
|
|
let mut changed = true;
|
|
match *self {
|
|
CSSStyleOwner::Element(ref el) => {
|
|
let document = document_from_node(&**el);
|
|
let shared_lock = document.style_shared_lock();
|
|
let mut attr = el.style_attribute().borrow_mut().take();
|
|
let result = if attr.is_some() {
|
|
let lock = attr.as_ref().unwrap();
|
|
let mut guard = shared_lock.write();
|
|
let mut pdb = lock.write_with(&mut guard);
|
|
let result = f(&mut pdb, &mut changed);
|
|
result
|
|
} else {
|
|
let mut pdb = PropertyDeclarationBlock::new();
|
|
let result = f(&mut pdb, &mut changed);
|
|
|
|
// Here `changed` is somewhat silly, because we know the
|
|
// exact conditions under it changes.
|
|
changed = !pdb.declarations().is_empty();
|
|
if changed {
|
|
attr = Some(Arc::new(shared_lock.wrap(pdb)));
|
|
}
|
|
|
|
result
|
|
};
|
|
|
|
if changed {
|
|
// Note that there's no need to remove the attribute here if
|
|
// the declaration block is empty[1], and if `attr` is
|
|
// `None` it means that it necessarily didn't change, so no
|
|
// need to go through all the set_attribute machinery.
|
|
//
|
|
// [1]: https://github.com/whatwg/html/issues/2306
|
|
if let Some(pdb) = attr {
|
|
let guard = shared_lock.read();
|
|
let serialization = pdb.read_with(&guard).to_css_string();
|
|
el.set_attribute(&local_name!("style"),
|
|
AttrValue::Declaration(serialization,
|
|
pdb));
|
|
}
|
|
} else {
|
|
// Remember to put it back.
|
|
*el.style_attribute().borrow_mut() = attr;
|
|
}
|
|
|
|
result
|
|
}
|
|
CSSStyleOwner::CSSRule(ref rule, ref pdb) => {
|
|
let result = {
|
|
let mut guard = rule.shared_lock().write();
|
|
f(&mut *pdb.write_with(&mut guard), &mut changed)
|
|
};
|
|
if changed {
|
|
// If this is changed, see also
|
|
// CSSStyleRule::SetSelectorText, which does the same thing.
|
|
rule.global().as_window().Document().invalidate_stylesheets();
|
|
}
|
|
result
|
|
}
|
|
}
|
|
}
|
|
|
|
fn with_block<F, R>(&self, f: F) -> R
|
|
where F: FnOnce(&PropertyDeclarationBlock) -> R,
|
|
{
|
|
match *self {
|
|
CSSStyleOwner::Element(ref el) => {
|
|
match *el.style_attribute().borrow() {
|
|
Some(ref pdb) => {
|
|
let document = document_from_node(&**el);
|
|
let guard = document.style_shared_lock().read();
|
|
f(pdb.read_with(&guard))
|
|
}
|
|
None => {
|
|
let pdb = PropertyDeclarationBlock::new();
|
|
f(&pdb)
|
|
}
|
|
}
|
|
}
|
|
CSSStyleOwner::CSSRule(ref rule, ref pdb) => {
|
|
let guard = rule.shared_lock().read();
|
|
f(pdb.read_with(&guard))
|
|
}
|
|
}
|
|
}
|
|
|
|
fn window(&self) -> Root<Window> {
|
|
match *self {
|
|
CSSStyleOwner::Element(ref el) => window_from_node(&**el),
|
|
CSSStyleOwner::CSSRule(ref rule, _) => Root::from_ref(rule.global().as_window()),
|
|
}
|
|
}
|
|
|
|
fn base_url(&self) -> ServoUrl {
|
|
match *self {
|
|
CSSStyleOwner::Element(ref el) => window_from_node(&**el).Document().base_url(),
|
|
CSSStyleOwner::CSSRule(ref rule, _) => {
|
|
(*rule.parent_stylesheet().style_stylesheet().contents.url_data.read()).clone()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
#[derive(PartialEq, HeapSizeOf)]
|
|
pub enum CSSModificationAccess {
|
|
ReadWrite,
|
|
Readonly,
|
|
}
|
|
|
|
macro_rules! css_properties(
|
|
( $([$getter:ident, $setter:ident, $id:expr],)* ) => (
|
|
$(
|
|
fn $getter(&self) -> DOMString {
|
|
self.get_property_value($id)
|
|
}
|
|
fn $setter(&self, value: DOMString) -> ErrorResult {
|
|
self.set_property($id, value, DOMString::new())
|
|
}
|
|
)*
|
|
);
|
|
);
|
|
|
|
impl CSSStyleDeclaration {
|
|
#[allow(unrooted_must_root)]
|
|
pub fn new_inherited(owner: CSSStyleOwner,
|
|
pseudo: Option<PseudoElement>,
|
|
modification_access: CSSModificationAccess)
|
|
-> CSSStyleDeclaration {
|
|
CSSStyleDeclaration {
|
|
reflector_: Reflector::new(),
|
|
owner: owner,
|
|
readonly: modification_access == CSSModificationAccess::Readonly,
|
|
pseudo: pseudo,
|
|
}
|
|
}
|
|
|
|
#[allow(unrooted_must_root)]
|
|
pub fn new(global: &Window,
|
|
owner: CSSStyleOwner,
|
|
pseudo: Option<PseudoElement>,
|
|
modification_access: CSSModificationAccess)
|
|
-> Root<CSSStyleDeclaration> {
|
|
reflect_dom_object(box CSSStyleDeclaration::new_inherited(owner,
|
|
pseudo,
|
|
modification_access),
|
|
global,
|
|
CSSStyleDeclarationBinding::Wrap)
|
|
}
|
|
|
|
fn get_computed_style(&self, property: PropertyId) -> DOMString {
|
|
match self.owner {
|
|
CSSStyleOwner::CSSRule(..) =>
|
|
panic!("get_computed_style called on CSSStyleDeclaration with a CSSRule owner"),
|
|
CSSStyleOwner::Element(ref el) => {
|
|
let node = el.upcast::<Node>();
|
|
if !node.is_in_doc() {
|
|
// TODO: Node should be matched against the style rules of this window.
|
|
// Firefox is currently the only browser to implement this.
|
|
return DOMString::new();
|
|
}
|
|
let addr = node.to_trusted_node_address();
|
|
window_from_node(node).resolved_style_query(addr, self.pseudo.clone(), property)
|
|
}
|
|
}
|
|
}
|
|
|
|
fn get_property_value(&self, id: PropertyId) -> DOMString {
|
|
if self.readonly {
|
|
// Readonly style declarations are used for getComputedStyle.
|
|
return self.get_computed_style(id);
|
|
}
|
|
|
|
let mut string = String::new();
|
|
|
|
self.owner.with_block(|pdb| {
|
|
pdb.property_value_to_css(&id, &mut string).unwrap();
|
|
});
|
|
|
|
DOMString::from(string)
|
|
}
|
|
|
|
fn set_property(&self, id: PropertyId, value: DOMString, priority: DOMString) -> ErrorResult {
|
|
// Step 1
|
|
if self.readonly {
|
|
return Err(Error::NoModificationAllowed);
|
|
}
|
|
|
|
self.owner.mutate_associated_block(|ref mut pdb, mut changed| {
|
|
if value.is_empty() {
|
|
// Step 3
|
|
*changed = pdb.remove_property(&id);
|
|
return Ok(());
|
|
}
|
|
|
|
// Step 4
|
|
let importance = match &*priority {
|
|
"" => Importance::Normal,
|
|
p if p.eq_ignore_ascii_case("important") => Importance::Important,
|
|
_ => {
|
|
*changed = false;
|
|
return Ok(());
|
|
}
|
|
};
|
|
|
|
// Step 5
|
|
let window = self.owner.window();
|
|
let quirks_mode = window.Document().quirks_mode();
|
|
let mut declarations = SourcePropertyDeclaration::new();
|
|
let result = parse_one_declaration_into(
|
|
&mut declarations, id, &value, &self.owner.base_url(),
|
|
window.css_error_reporter(), PARSING_MODE_DEFAULT, quirks_mode);
|
|
|
|
// Step 6
|
|
match result {
|
|
Ok(()) => {},
|
|
Err(_) => {
|
|
*changed = false;
|
|
return Ok(());
|
|
}
|
|
}
|
|
|
|
// Step 7
|
|
// Step 8
|
|
*changed = pdb.extend_reset(declarations.drain(), importance);
|
|
|
|
Ok(())
|
|
})
|
|
}
|
|
}
|
|
|
|
impl CSSStyleDeclarationMethods for CSSStyleDeclaration {
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-length
|
|
fn Length(&self) -> u32 {
|
|
self.owner.with_block(|pdb| {
|
|
pdb.declarations().len() as u32
|
|
})
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-item
|
|
fn Item(&self, index: u32) -> DOMString {
|
|
self.IndexedGetter(index).unwrap_or_default()
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-getpropertyvalue
|
|
fn GetPropertyValue(&self, property: DOMString) -> DOMString {
|
|
let id = if let Ok(id) = PropertyId::parse(property.into()) {
|
|
id
|
|
} else {
|
|
// Unkwown property
|
|
return DOMString::new()
|
|
};
|
|
self.get_property_value(id)
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-getpropertypriority
|
|
fn GetPropertyPriority(&self, property: DOMString) -> DOMString {
|
|
let id = if let Ok(id) = PropertyId::parse(property.into()) {
|
|
id
|
|
} else {
|
|
// Unkwown property
|
|
return DOMString::new()
|
|
};
|
|
|
|
self.owner.with_block(|pdb| {
|
|
if pdb.property_priority(&id).important() {
|
|
DOMString::from("important")
|
|
} else {
|
|
// Step 4
|
|
DOMString::new()
|
|
}
|
|
})
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-setproperty
|
|
fn SetProperty(&self,
|
|
property: DOMString,
|
|
value: DOMString,
|
|
priority: DOMString)
|
|
-> ErrorResult {
|
|
// Step 3
|
|
let id = if let Ok(id) = PropertyId::parse(property.into()) {
|
|
id
|
|
} else {
|
|
// Unknown property
|
|
return Ok(())
|
|
};
|
|
self.set_property(id, value, priority)
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-setpropertypriority
|
|
fn SetPropertyPriority(&self, property: DOMString, priority: DOMString) -> ErrorResult {
|
|
// Step 1
|
|
if self.readonly {
|
|
return Err(Error::NoModificationAllowed);
|
|
}
|
|
|
|
// Step 2 & 3
|
|
let id = match PropertyId::parse(property.into()) {
|
|
Ok(id) => id,
|
|
Err(..) => return Ok(()), // Unkwown property
|
|
};
|
|
|
|
// Step 4
|
|
let importance = match &*priority {
|
|
"" => Importance::Normal,
|
|
p if p.eq_ignore_ascii_case("important") => Importance::Important,
|
|
_ => return Ok(()),
|
|
};
|
|
|
|
self.owner.mutate_associated_block(|ref mut pdb, mut changed| {
|
|
// Step 5 & 6
|
|
*changed = pdb.set_importance(&id, importance);
|
|
});
|
|
|
|
Ok(())
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-setpropertyvalue
|
|
fn SetPropertyValue(&self, property: DOMString, value: DOMString) -> ErrorResult {
|
|
self.SetProperty(property, value, DOMString::new())
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-removeproperty
|
|
fn RemoveProperty(&self, property: DOMString) -> Fallible<DOMString> {
|
|
// Step 1
|
|
if self.readonly {
|
|
return Err(Error::NoModificationAllowed);
|
|
}
|
|
|
|
let id = if let Ok(id) = PropertyId::parse(property.into()) {
|
|
id
|
|
} else {
|
|
// Unkwown property, cannot be there to remove.
|
|
return Ok(DOMString::new())
|
|
};
|
|
|
|
let mut string = String::new();
|
|
self.owner.mutate_associated_block(|mut pdb, mut changed| {
|
|
pdb.property_value_to_css(&id, &mut string).unwrap();
|
|
*changed = pdb.remove_property(&id);
|
|
});
|
|
|
|
// Step 6
|
|
Ok(DOMString::from(string))
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-cssfloat
|
|
fn CssFloat(&self) -> DOMString {
|
|
self.GetPropertyValue(DOMString::from("float"))
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#dom-cssstyledeclaration-cssfloat
|
|
fn SetCssFloat(&self, value: DOMString) -> ErrorResult {
|
|
self.SetPropertyValue(DOMString::from("float"), value)
|
|
}
|
|
|
|
// https://dev.w3.org/csswg/cssom/#the-cssstyledeclaration-interface
|
|
fn IndexedGetter(&self, index: u32) -> Option<DOMString> {
|
|
self.owner.with_block(|pdb| {
|
|
pdb.declarations().get(index as usize).map(|entry| {
|
|
let (ref declaration, importance) = *entry;
|
|
let mut css = declaration.to_css_string();
|
|
if importance.important() {
|
|
css += " !important";
|
|
}
|
|
DOMString::from(css)
|
|
})
|
|
})
|
|
}
|
|
|
|
// https://drafts.csswg.org/cssom/#dom-cssstyledeclaration-csstext
|
|
fn CssText(&self) -> DOMString {
|
|
self.owner.with_block(|pdb| {
|
|
DOMString::from(pdb.to_css_string())
|
|
})
|
|
}
|
|
|
|
// https://drafts.csswg.org/cssom/#dom-cssstyledeclaration-csstext
|
|
fn SetCssText(&self, value: DOMString) -> ErrorResult {
|
|
let window = self.owner.window();
|
|
|
|
// Step 1
|
|
if self.readonly {
|
|
return Err(Error::NoModificationAllowed);
|
|
}
|
|
|
|
let quirks_mode = window.Document().quirks_mode();
|
|
self.owner.mutate_associated_block(|mut pdb, mut _changed| {
|
|
// Step 3
|
|
*pdb = parse_style_attribute(&value,
|
|
&self.owner.base_url(),
|
|
window.css_error_reporter(),
|
|
quirks_mode);
|
|
});
|
|
|
|
Ok(())
|
|
}
|
|
|
|
// https://drafts.csswg.org/cssom/#dom-cssstyledeclaration-_camel_cased_attribute
|
|
css_properties_accessors!(css_properties);
|
|
}
|