mirror of
https://github.com/servo/servo
synced 2026-05-09 16:42:16 +02:00
62e72b027f
Implement node.moveBefore() This implements the atomic move method for DOM nodes. This allows moving elements within the DOM without running the full remove and insertion steps, allowing more seamless behaviour such as CSS transitions continuing from where they are rather than restarting. Spec: https://dom.spec.whatwg.org/#dom-parentnode-movebefore Testing: Existing WPTs --------- Signed-off-by: Luke Warlow <lwarlow@igalia.com>
355 lines
17 KiB
Rust
355 lines
17 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 https://mozilla.org/MPL/2.0/. */
|
|
|
|
use html5ever::LocalName;
|
|
use js::context::JSContext;
|
|
use script_bindings::root::DomRoot;
|
|
use script_bindings::script_runtime::CanGc;
|
|
use style::attr::AttrValue;
|
|
|
|
use crate::dom::attr::Attr;
|
|
use crate::dom::bindings::inheritance::{
|
|
Castable, DocumentFragmentTypeId, ElementTypeId, HTMLElementTypeId, HTMLMediaElementTypeId,
|
|
NodeTypeId, SVGElementTypeId, SVGGraphicsElementTypeId,
|
|
};
|
|
use crate::dom::bindings::str::DOMString;
|
|
use crate::dom::document::Document;
|
|
use crate::dom::documentfragment::DocumentFragment;
|
|
use crate::dom::element::{AttributeMutation, Element};
|
|
use crate::dom::event::Event;
|
|
use crate::dom::html::htmlanchorelement::HTMLAnchorElement;
|
|
use crate::dom::html::htmlareaelement::HTMLAreaElement;
|
|
use crate::dom::html::htmlbaseelement::HTMLBaseElement;
|
|
use crate::dom::html::htmlbodyelement::HTMLBodyElement;
|
|
use crate::dom::html::htmlbuttonelement::HTMLButtonElement;
|
|
use crate::dom::html::htmlcanvaselement::HTMLCanvasElement;
|
|
use crate::dom::html::htmldetailselement::HTMLDetailsElement;
|
|
use crate::dom::html::htmlelement::HTMLElement;
|
|
use crate::dom::html::htmlfieldsetelement::HTMLFieldSetElement;
|
|
use crate::dom::html::htmlfontelement::HTMLFontElement;
|
|
use crate::dom::html::htmlformelement::HTMLFormElement;
|
|
use crate::dom::html::htmlheadelement::HTMLHeadElement;
|
|
use crate::dom::html::htmlhrelement::HTMLHRElement;
|
|
use crate::dom::html::htmliframeelement::HTMLIFrameElement;
|
|
use crate::dom::html::htmlimageelement::HTMLImageElement;
|
|
use crate::dom::html::htmlinputelement::HTMLInputElement;
|
|
use crate::dom::html::htmllabelelement::HTMLLabelElement;
|
|
use crate::dom::html::htmllielement::HTMLLIElement;
|
|
use crate::dom::html::htmllinkelement::HTMLLinkElement;
|
|
use crate::dom::html::htmlmediaelement::HTMLMediaElement;
|
|
use crate::dom::html::htmlmetaelement::HTMLMetaElement;
|
|
use crate::dom::html::htmlmeterelement::HTMLMeterElement;
|
|
use crate::dom::html::htmlobjectelement::HTMLObjectElement;
|
|
use crate::dom::html::htmloptgroupelement::HTMLOptGroupElement;
|
|
use crate::dom::html::htmloptionelement::HTMLOptionElement;
|
|
use crate::dom::html::htmloutputelement::HTMLOutputElement;
|
|
use crate::dom::html::htmlpreelement::HTMLPreElement;
|
|
use crate::dom::html::htmlprogresselement::HTMLProgressElement;
|
|
use crate::dom::html::htmlscriptelement::HTMLScriptElement;
|
|
use crate::dom::html::htmlselectelement::HTMLSelectElement;
|
|
use crate::dom::html::htmlslotelement::HTMLSlotElement;
|
|
use crate::dom::html::htmlsourceelement::HTMLSourceElement;
|
|
use crate::dom::html::htmlstyleelement::HTMLStyleElement;
|
|
use crate::dom::html::htmltablecellelement::HTMLTableCellElement;
|
|
use crate::dom::html::htmltablecolelement::HTMLTableColElement;
|
|
use crate::dom::html::htmltableelement::HTMLTableElement;
|
|
use crate::dom::html::htmltablerowelement::HTMLTableRowElement;
|
|
use crate::dom::html::htmltablesectionelement::HTMLTableSectionElement;
|
|
use crate::dom::html::htmltemplateelement::HTMLTemplateElement;
|
|
use crate::dom::html::htmltextareaelement::HTMLTextAreaElement;
|
|
use crate::dom::html::htmltitleelement::HTMLTitleElement;
|
|
use crate::dom::html::htmlvideoelement::HTMLVideoElement;
|
|
use crate::dom::htmlbuttonelement::CommandState;
|
|
use crate::dom::htmldialogelement::HTMLDialogElement;
|
|
use crate::dom::node::{
|
|
BindContext, ChildrenMutation, CloneChildrenFlag, MoveContext, Node, UnbindContext,
|
|
};
|
|
use crate::dom::shadowroot::ShadowRoot;
|
|
use crate::dom::svg::svgelement::SVGElement;
|
|
use crate::dom::svg::svgimageelement::SVGImageElement;
|
|
use crate::dom::svg::svgsvgelement::SVGSVGElement;
|
|
|
|
/// Trait to allow DOM nodes to opt-in to overriding (or adding to) common
|
|
/// behaviours. Replicates the effect of C++ virtual methods.
|
|
pub(crate) trait VirtualMethods {
|
|
/// Returns self as the superclass of the implementation for this trait,
|
|
/// if any.
|
|
fn super_type(&self) -> Option<&dyn VirtualMethods>;
|
|
|
|
/// Called when attributes of a node are mutated.
|
|
/// <https://dom.spec.whatwg.org/#attribute-is-set>
|
|
/// <https://dom.spec.whatwg.org/#attribute-is-removed>
|
|
fn attribute_mutated(&self, attr: &Attr, mutation: AttributeMutation, can_gc: CanGc) {
|
|
if let Some(s) = self.super_type() {
|
|
s.attribute_mutated(attr, mutation, can_gc);
|
|
}
|
|
}
|
|
|
|
/// Returns `true` if given attribute `attr` affects style of the
|
|
/// given element.
|
|
fn attribute_affects_presentational_hints(&self, attr: &Attr) -> bool {
|
|
match self.super_type() {
|
|
Some(s) => s.attribute_affects_presentational_hints(attr),
|
|
None => false,
|
|
}
|
|
}
|
|
|
|
/// Returns the right AttrValue variant for the attribute with name `name`
|
|
/// on this element.
|
|
fn parse_plain_attribute(&self, name: &LocalName, value: DOMString) -> AttrValue {
|
|
match self.super_type() {
|
|
Some(s) => s.parse_plain_attribute(name, value),
|
|
_ => AttrValue::String(value.into()),
|
|
}
|
|
}
|
|
|
|
/// Invoked during a DOM tree mutation after a node becomes connected, once all
|
|
/// related DOM tree mutations have been applied.
|
|
/// <https://dom.spec.whatwg.org/#concept-node-post-connection-ext>
|
|
fn post_connection_steps(&self, cx: &mut JSContext) {
|
|
if let Some(s) = self.super_type() {
|
|
s.post_connection_steps(cx);
|
|
}
|
|
}
|
|
|
|
/// <https://dom.spec.whatwg.org/#concept-node-move-ext>
|
|
fn moving_steps(&self, context: &MoveContext, can_gc: CanGc) {
|
|
if let Some(s) = self.super_type() {
|
|
s.moving_steps(context, can_gc);
|
|
}
|
|
}
|
|
|
|
/// Called when a Node is appended to a tree.
|
|
fn bind_to_tree(&self, context: &BindContext, can_gc: CanGc) {
|
|
if let Some(s) = self.super_type() {
|
|
s.bind_to_tree(context, can_gc);
|
|
}
|
|
}
|
|
|
|
/// Called when a Node is removed from a tree.
|
|
/// Implements removing steps:
|
|
/// <https://dom.spec.whatwg.org/#concept-node-remove-ext>
|
|
fn unbind_from_tree(&self, context: &UnbindContext, can_gc: CanGc) {
|
|
if let Some(s) = self.super_type() {
|
|
s.unbind_from_tree(context, can_gc);
|
|
}
|
|
}
|
|
|
|
/// Called on the parent when its children are changed.
|
|
fn children_changed(&self, mutation: &ChildrenMutation, can_gc: CanGc) {
|
|
if let Some(s) = self.super_type() {
|
|
s.children_changed(mutation, can_gc);
|
|
}
|
|
}
|
|
|
|
/// Called during event dispatch after the bubbling phase completes.
|
|
fn handle_event(&self, event: &Event, can_gc: CanGc) {
|
|
if let Some(s) = self.super_type() {
|
|
s.handle_event(event, can_gc);
|
|
}
|
|
}
|
|
|
|
/// <https://html.spec.whatwg.org/multipage/#is-valid-command-steps>
|
|
fn is_valid_command_steps(&self, command: CommandState) -> bool {
|
|
self.super_type()
|
|
.is_some_and(|super_type| super_type.is_valid_command_steps(command))
|
|
}
|
|
|
|
/// <https://html.spec.whatwg.org/multipage/#command-steps>
|
|
fn command_steps(
|
|
&self,
|
|
button: DomRoot<HTMLButtonElement>,
|
|
command: CommandState,
|
|
can_gc: CanGc,
|
|
) -> bool {
|
|
self.super_type()
|
|
.is_some_and(|super_type| super_type.command_steps(button, command, can_gc))
|
|
}
|
|
|
|
/// <https://dom.spec.whatwg.org/#concept-node-adopt-ext>
|
|
fn adopting_steps(&self, old_doc: &Document, can_gc: CanGc) {
|
|
if let Some(s) = self.super_type() {
|
|
s.adopting_steps(old_doc, can_gc);
|
|
}
|
|
}
|
|
|
|
/// <https://dom.spec.whatwg.org/#concept-node-clone-ext>
|
|
fn cloning_steps(
|
|
&self,
|
|
copy: &Node,
|
|
maybe_doc: Option<&Document>,
|
|
clone_children: CloneChildrenFlag,
|
|
can_gc: CanGc,
|
|
) {
|
|
if let Some(s) = self.super_type() {
|
|
s.cloning_steps(copy, maybe_doc, clone_children, can_gc);
|
|
}
|
|
}
|
|
|
|
/// Called on an element when it is popped off the stack of open elements
|
|
/// of a parser.
|
|
fn pop(&self) {
|
|
if let Some(s) = self.super_type() {
|
|
s.pop();
|
|
}
|
|
}
|
|
}
|
|
|
|
/// Obtain a VirtualMethods instance for a given Node-derived object. Any
|
|
/// method call on the trait object will invoke the corresponding method on the
|
|
/// concrete type, propagating up the parent hierarchy unless otherwise
|
|
/// interrupted.
|
|
pub(crate) fn vtable_for(node: &Node) -> &dyn VirtualMethods {
|
|
match node.type_id() {
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLAnchorElement)) => {
|
|
node.downcast::<HTMLAnchorElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLAreaElement)) => {
|
|
node.downcast::<HTMLAreaElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLBaseElement)) => {
|
|
node.downcast::<HTMLBaseElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLBodyElement)) => {
|
|
node.downcast::<HTMLBodyElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLButtonElement)) => {
|
|
node.downcast::<HTMLButtonElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLCanvasElement)) => {
|
|
node.downcast::<HTMLCanvasElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLDetailsElement)) => {
|
|
node.downcast::<HTMLDetailsElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLDialogElement)) => {
|
|
node.downcast::<HTMLDialogElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLFieldSetElement)) => {
|
|
node.downcast::<HTMLFieldSetElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLFontElement)) => {
|
|
node.downcast::<HTMLFontElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLFormElement)) => {
|
|
node.downcast::<HTMLFormElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLHeadElement)) => {
|
|
node.downcast::<HTMLHeadElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLHRElement)) => {
|
|
node.downcast::<HTMLHRElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLImageElement)) => {
|
|
node.downcast::<HTMLImageElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLIFrameElement)) => {
|
|
node.downcast::<HTMLIFrameElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLInputElement)) => {
|
|
node.downcast::<HTMLInputElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLLabelElement)) => {
|
|
node.downcast::<HTMLLabelElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLLIElement)) => {
|
|
node.downcast::<HTMLLIElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLLinkElement)) => {
|
|
node.downcast::<HTMLLinkElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLMediaElement(
|
|
media_el,
|
|
))) => match media_el {
|
|
HTMLMediaElementTypeId::HTMLVideoElement => {
|
|
node.downcast::<HTMLVideoElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
_ => node.downcast::<HTMLMediaElement>().unwrap() as &dyn VirtualMethods,
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLMetaElement)) => {
|
|
node.downcast::<HTMLMetaElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLMeterElement)) => {
|
|
node.downcast::<HTMLMeterElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLObjectElement)) => {
|
|
node.downcast::<HTMLObjectElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLOptGroupElement)) => {
|
|
node.downcast::<HTMLOptGroupElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLOptionElement)) => {
|
|
node.downcast::<HTMLOptionElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLOutputElement)) => {
|
|
node.downcast::<HTMLOutputElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLPreElement)) => {
|
|
node.downcast::<HTMLPreElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLProgressElement)) => {
|
|
node.downcast::<HTMLProgressElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLScriptElement)) => {
|
|
node.downcast::<HTMLScriptElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLSelectElement)) => {
|
|
node.downcast::<HTMLSelectElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLSourceElement)) => {
|
|
node.downcast::<HTMLSourceElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLSlotElement)) => {
|
|
node.downcast::<HTMLSlotElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLStyleElement)) => {
|
|
node.downcast::<HTMLStyleElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLTableElement)) => {
|
|
node.downcast::<HTMLTableElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(
|
|
HTMLElementTypeId::HTMLTableCellElement,
|
|
)) => node.downcast::<HTMLTableCellElement>().unwrap() as &dyn VirtualMethods,
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLTableColElement)) => {
|
|
node.downcast::<HTMLTableColElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLTableRowElement)) => {
|
|
node.downcast::<HTMLTableRowElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(
|
|
HTMLElementTypeId::HTMLTableSectionElement,
|
|
)) => node.downcast::<HTMLTableSectionElement>().unwrap() as &dyn VirtualMethods,
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLTemplateElement)) => {
|
|
node.downcast::<HTMLTemplateElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLTextAreaElement)) => {
|
|
node.downcast::<HTMLTextAreaElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::HTMLElement(HTMLElementTypeId::HTMLTitleElement)) => {
|
|
node.downcast::<HTMLTitleElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::SVGElement(SVGElementTypeId::SVGGraphicsElement(
|
|
SVGGraphicsElementTypeId::SVGImageElement,
|
|
))) => node.downcast::<SVGImageElement>().unwrap() as &dyn VirtualMethods,
|
|
NodeTypeId::Element(ElementTypeId::SVGElement(SVGElementTypeId::SVGGraphicsElement(
|
|
SVGGraphicsElementTypeId::SVGSVGElement,
|
|
))) => node.downcast::<SVGSVGElement>().unwrap() as &dyn VirtualMethods,
|
|
NodeTypeId::Element(ElementTypeId::SVGElement(SVGElementTypeId::SVGElement)) => {
|
|
node.downcast::<SVGElement>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(ElementTypeId::Element) => {
|
|
node.downcast::<Element>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::Element(_) => node.downcast::<HTMLElement>().unwrap() as &dyn VirtualMethods,
|
|
NodeTypeId::DocumentFragment(DocumentFragmentTypeId::ShadowRoot) => {
|
|
node.downcast::<ShadowRoot>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
NodeTypeId::DocumentFragment(_) => {
|
|
node.downcast::<DocumentFragment>().unwrap() as &dyn VirtualMethods
|
|
},
|
|
_ => node as &dyn VirtualMethods,
|
|
}
|
|
}
|