Incorrect position when dragging jQuery Draggable elements with position fixed after...
[WebKit-https.git] / Source / WebCore / dom / Element.cpp
1 /*
2  * Copyright (C) 1999 Lars Knoll (knoll@kde.org)
3  *           (C) 1999 Antti Koivisto (koivisto@kde.org)
4  *           (C) 2001 Peter Kelly (pmk@post.com)
5  *           (C) 2001 Dirk Mueller (mueller@kde.org)
6  *           (C) 2007 David Smith (catfish.man@gmail.com)
7  * Copyright (C) 2004-2017 Apple Inc. All rights reserved.
8  *           (C) 2007 Eric Seidel (eric@webkit.org)
9  *
10  * This library is free software; you can redistribute it and/or
11  * modify it under the terms of the GNU Library General Public
12  * License as published by the Free Software Foundation; either
13  * version 2 of the License, or (at your option) any later version.
14  *
15  * This library is distributed in the hope that it will be useful,
16  * but WITHOUT ANY WARRANTY; without even the implied warranty of
17  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
18  * Library General Public License for more details.
19  *
20  * You should have received a copy of the GNU Library General Public License
21  * along with this library; see the file COPYING.LIB.  If not, write to
22  * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
23  * Boston, MA 02110-1301, USA.
24  */
25
26 #include "config.h"
27 #include "Element.h"
28
29 #include "AXObjectCache.h"
30 #include "Attr.h"
31 #include "AttributeChangeInvalidation.h"
32 #include "CSSParser.h"
33 #include "Chrome.h"
34 #include "ChromeClient.h"
35 #include "ClassChangeInvalidation.h"
36 #include "ComposedTreeAncestorIterator.h"
37 #include "ContainerNodeAlgorithms.h"
38 #include "CustomElementReactionQueue.h"
39 #include "CustomElementRegistry.h"
40 #include "DOMRect.h"
41 #include "DOMTokenList.h"
42 #include "DocumentAnimation.h"
43 #include "DocumentSharedObjectPool.h"
44 #include "Editing.h"
45 #include "ElementIterator.h"
46 #include "ElementRareData.h"
47 #include "EventDispatcher.h"
48 #include "EventHandler.h"
49 #include "EventNames.h"
50 #include "FlowThreadController.h"
51 #include "FocusController.h"
52 #include "FocusEvent.h"
53 #include "FrameSelection.h"
54 #include "FrameView.h"
55 #include "HTMLBodyElement.h"
56 #include "HTMLCanvasElement.h"
57 #include "HTMLCollection.h"
58 #include "HTMLDocument.h"
59 #include "HTMLHtmlElement.h"
60 #include "HTMLLabelElement.h"
61 #include "HTMLNameCollection.h"
62 #include "HTMLObjectElement.h"
63 #include "HTMLParserIdioms.h"
64 #include "HTMLTemplateElement.h"
65 #include "IdChangeInvalidation.h"
66 #include "IdTargetObserverRegistry.h"
67 #include "InspectorInstrumentation.h"
68 #include "JSLazyEventListener.h"
69 #include "KeyboardEvent.h"
70 #include "KeyframeEffect.h"
71 #include "MainFrame.h"
72 #include "MutationObserverInterestGroup.h"
73 #include "MutationRecord.h"
74 #include "NoEventDispatchAssertion.h"
75 #include "NodeRenderStyle.h"
76 #include "PlatformWheelEvent.h"
77 #include "PointerLockController.h"
78 #include "RenderFlowThread.h"
79 #include "RenderLayer.h"
80 #include "RenderNamedFlowFragment.h"
81 #include "RenderRegion.h"
82 #include "RenderTheme.h"
83 #include "RenderTreeUpdater.h"
84 #include "RenderView.h"
85 #include "RenderWidget.h"
86 #include "SVGDocumentExtensions.h"
87 #include "SVGElement.h"
88 #include "SVGNames.h"
89 #include "SVGSVGElement.h"
90 #include "ScrollLatchingState.h"
91 #include "SelectorQuery.h"
92 #include "Settings.h"
93 #include "SimulatedClick.h"
94 #include "SlotAssignment.h"
95 #include "StyleProperties.h"
96 #include "StyleResolver.h"
97 #include "StyleScope.h"
98 #include "StyleTreeResolver.h"
99 #include "TextIterator.h"
100 #include "VoidCallback.h"
101 #include "WheelEvent.h"
102 #include "XLinkNames.h"
103 #include "XMLNSNames.h"
104 #include "XMLNames.h"
105 #include "markup.h"
106 #include <wtf/CurrentTime.h>
107 #include <wtf/NeverDestroyed.h>
108 #include <wtf/text/CString.h>
109
110 namespace WebCore {
111
112 using namespace HTMLNames;
113 using namespace XMLNames;
114
115 static HashMap<Element*, Vector<RefPtr<Attr>>>& attrNodeListMap()
116 {
117     static NeverDestroyed<HashMap<Element*, Vector<RefPtr<Attr>>>> map;
118     return map;
119 }
120
121 static Vector<RefPtr<Attr>>* attrNodeListForElement(Element& element)
122 {
123     if (!element.hasSyntheticAttrChildNodes())
124         return nullptr;
125     ASSERT(attrNodeListMap().contains(&element));
126     return &attrNodeListMap().find(&element)->value;
127 }
128
129 static Vector<RefPtr<Attr>>& ensureAttrNodeListForElement(Element& element)
130 {
131     if (element.hasSyntheticAttrChildNodes()) {
132         ASSERT(attrNodeListMap().contains(&element));
133         return attrNodeListMap().find(&element)->value;
134     }
135     ASSERT(!attrNodeListMap().contains(&element));
136     element.setHasSyntheticAttrChildNodes(true);
137     return attrNodeListMap().add(&element, Vector<RefPtr<Attr>>()).iterator->value;
138 }
139
140 static void removeAttrNodeListForElement(Element& element)
141 {
142     ASSERT(element.hasSyntheticAttrChildNodes());
143     ASSERT(attrNodeListMap().contains(&element));
144     attrNodeListMap().remove(&element);
145     element.setHasSyntheticAttrChildNodes(false);
146 }
147
148 static Attr* findAttrNodeInList(Vector<RefPtr<Attr>>& attrNodeList, const QualifiedName& name)
149 {
150     for (auto& node : attrNodeList) {
151         if (node->qualifiedName().matches(name))
152             return node.get();
153     }
154     return nullptr;
155 }
156
157 static Attr* findAttrNodeInList(Vector<RefPtr<Attr>>& attrNodeList, const AtomicString& localName, bool shouldIgnoreAttributeCase)
158 {
159     const AtomicString& caseAdjustedName = shouldIgnoreAttributeCase ? localName.convertToASCIILowercase() : localName;
160     for (auto& node : attrNodeList) {
161         if (node->qualifiedName().localName() == caseAdjustedName)
162             return node.get();
163     }
164     return nullptr;
165 }
166
167 Ref<Element> Element::create(const QualifiedName& tagName, Document& document)
168 {
169     return adoptRef(*new Element(tagName, document, CreateElement));
170 }
171
172 Element::Element(const QualifiedName& tagName, Document& document, ConstructionType type)
173     : ContainerNode(document, type)
174     , m_tagName(tagName)
175 {
176 }
177
178 Element::~Element()
179 {
180 #ifndef NDEBUG
181     if (document().hasLivingRenderTree()) {
182         // When the document is not destroyed, an element that was part of a named flow
183         // content nodes should have been removed from the content nodes collection
184         // and the isNamedFlowContentElement flag reset.
185         ASSERT_WITH_SECURITY_IMPLICATION(!isNamedFlowContentElement());
186     }
187 #endif
188
189     ASSERT(!beforePseudoElement());
190     ASSERT(!afterPseudoElement());
191
192     removeShadowRoot();
193
194     if (hasSyntheticAttrChildNodes())
195         detachAllAttrNodesFromElement();
196
197     if (hasPendingResources()) {
198         document().accessSVGExtensions().removeElementFromPendingResources(this);
199         ASSERT(!hasPendingResources());
200     }
201 }
202
203 inline ElementRareData* Element::elementRareData() const
204 {
205     ASSERT_WITH_SECURITY_IMPLICATION(hasRareData());
206     return static_cast<ElementRareData*>(rareData());
207 }
208
209 inline ElementRareData& Element::ensureElementRareData()
210 {
211     return static_cast<ElementRareData&>(ensureRareData());
212 }
213
214 void Element::clearTabIndexExplicitlyIfNeeded()
215 {
216     if (hasRareData())
217         elementRareData()->clearTabIndexExplicitly();
218 }
219
220 void Element::setTabIndexExplicitly(int tabIndex)
221 {
222     ensureElementRareData().setTabIndexExplicitly(tabIndex);
223 }
224
225 bool Element::tabIndexSetExplicitly() const
226 {
227     return hasRareData() && elementRareData()->tabIndexSetExplicitly();
228 }
229
230 bool Element::supportsFocus() const
231 {
232     return tabIndexSetExplicitly();
233 }
234
235 Element* Element::focusDelegate()
236 {
237     return this;
238 }
239
240 int Element::tabIndex() const
241 {
242     return hasRareData() ? elementRareData()->tabIndex() : 0;
243 }
244
245 void Element::setTabIndex(int value)
246 {
247     setIntegralAttribute(tabindexAttr, value);
248 }
249
250 bool Element::isKeyboardFocusable(KeyboardEvent&) const
251 {
252     return isFocusable() && tabIndex() >= 0;
253 }
254
255 bool Element::isMouseFocusable() const
256 {
257     return isFocusable();
258 }
259
260 bool Element::shouldUseInputMethod()
261 {
262     return computeEditability(UserSelectAllIsAlwaysNonEditable, ShouldUpdateStyle::Update) != Editability::ReadOnly;
263 }
264
265 static bool isForceEvent(const PlatformMouseEvent& platformEvent)
266 {
267     return platformEvent.type() == PlatformEvent::MouseForceChanged || platformEvent.type() == PlatformEvent::MouseForceDown || platformEvent.type() == PlatformEvent::MouseForceUp;
268 }
269
270 bool Element::dispatchMouseEvent(const PlatformMouseEvent& platformEvent, const AtomicString& eventType, int detail, Element* relatedTarget)
271 {
272     if (isDisabledFormControl())
273         return false;
274
275     if (isForceEvent(platformEvent) && !document().hasListenerTypeForEventType(platformEvent.type()))
276         return false;
277
278     Ref<MouseEvent> mouseEvent = MouseEvent::create(eventType, document().defaultView(), platformEvent, detail, relatedTarget);
279
280     if (mouseEvent->type().isEmpty())
281         return true; // Shouldn't happen.
282
283     ASSERT(!mouseEvent->target() || mouseEvent->target() != relatedTarget);
284     bool didNotSwallowEvent = dispatchEvent(mouseEvent) && !mouseEvent->defaultHandled();
285
286     if (mouseEvent->type() == eventNames().clickEvent && mouseEvent->detail() == 2) {
287         // Special case: If it's a double click event, we also send the dblclick event. This is not part
288         // of the DOM specs, but is used for compatibility with the ondblclick="" attribute. This is treated
289         // as a separate event in other DOM-compliant browsers like Firefox, and so we do the same.
290         Ref<MouseEvent> doubleClickEvent = MouseEvent::create(eventNames().dblclickEvent,
291             mouseEvent->bubbles(), mouseEvent->cancelable(), mouseEvent->view(), mouseEvent->detail(),
292             mouseEvent->screenX(), mouseEvent->screenY(), mouseEvent->clientX(), mouseEvent->clientY(),
293             mouseEvent->ctrlKey(), mouseEvent->altKey(), mouseEvent->shiftKey(), mouseEvent->metaKey(),
294             mouseEvent->button(), mouseEvent->syntheticClickType(), relatedTarget);
295
296         if (mouseEvent->defaultHandled())
297             doubleClickEvent->setDefaultHandled();
298
299         dispatchEvent(doubleClickEvent);
300         if (doubleClickEvent->defaultHandled() || doubleClickEvent->defaultPrevented())
301             return false;
302     }
303     return didNotSwallowEvent;
304 }
305
306
307 bool Element::dispatchWheelEvent(const PlatformWheelEvent& event)
308 {
309     Ref<WheelEvent> wheelEvent = WheelEvent::create(event, document().defaultView());
310
311     // Events with no deltas are important because they convey platform information about scroll gestures
312     // and momentum beginning or ending. However, those events should not be sent to the DOM since some
313     // websites will break. They need to be dispatched because dispatching them will call into the default
314     // event handler, and our platform code will correctly handle the phase changes. Calling stopPropogation()
315     // will prevent the event from being sent to the DOM, but will still call the default event handler.
316     if (!event.deltaX() && !event.deltaY())
317         wheelEvent->stopPropagation();
318
319     return EventDispatcher::dispatchEvent(*this, wheelEvent) && !wheelEvent->defaultHandled();
320 }
321
322 bool Element::dispatchKeyEvent(const PlatformKeyboardEvent& platformEvent)
323 {
324     Ref<KeyboardEvent> event = KeyboardEvent::create(platformEvent, document().defaultView());
325     if (Frame* frame = document().frame()) {
326         if (frame->eventHandler().accessibilityPreventsEventPropogation(event))
327             event->stopPropagation();
328     }
329     return EventDispatcher::dispatchEvent(*this, event) && !event->defaultHandled();
330 }
331
332 void Element::dispatchSimulatedClick(Event* underlyingEvent, SimulatedClickMouseEventOptions eventOptions, SimulatedClickVisualOptions visualOptions)
333 {
334     simulateClick(*this, underlyingEvent, eventOptions, visualOptions, SimulatedClickSource::UserAgent);
335 }
336
337 Ref<Node> Element::cloneNodeInternal(Document& targetDocument, CloningOperation type)
338 {
339     switch (type) {
340     case CloningOperation::OnlySelf:
341     case CloningOperation::SelfWithTemplateContent:
342         return cloneElementWithoutChildren(targetDocument);
343     case CloningOperation::Everything:
344         break;
345     }
346     return cloneElementWithChildren(targetDocument);
347 }
348
349 Ref<Element> Element::cloneElementWithChildren(Document& targetDocument)
350 {
351     Ref<Element> clone = cloneElementWithoutChildren(targetDocument);
352     cloneChildNodes(clone);
353     return clone;
354 }
355
356 Ref<Element> Element::cloneElementWithoutChildren(Document& targetDocument)
357 {
358     Ref<Element> clone = cloneElementWithoutAttributesAndChildren(targetDocument);
359     // This will catch HTML elements in the wrong namespace that are not correctly copied.
360     // This is a sanity check as HTML overloads some of the DOM methods.
361     ASSERT(isHTMLElement() == clone->isHTMLElement());
362
363     clone->cloneDataFromElement(*this);
364     return clone;
365 }
366
367 Ref<Element> Element::cloneElementWithoutAttributesAndChildren(Document& targetDocument)
368 {
369     return targetDocument.createElement(tagQName(), false);
370 }
371
372 Ref<Attr> Element::detachAttribute(unsigned index)
373 {
374     ASSERT(elementData());
375
376     const Attribute& attribute = elementData()->attributeAt(index);
377
378     RefPtr<Attr> attrNode = attrIfExists(attribute.name());
379     if (attrNode)
380         detachAttrNodeFromElementWithValue(attrNode.get(), attribute.value());
381     else
382         attrNode = Attr::create(document(), attribute.name(), attribute.value());
383
384     removeAttributeInternal(index, NotInSynchronizationOfLazyAttribute);
385     return attrNode.releaseNonNull();
386 }
387
388 bool Element::removeAttribute(const QualifiedName& name)
389 {
390     if (!elementData())
391         return false;
392
393     unsigned index = elementData()->findAttributeIndexByName(name);
394     if (index == ElementData::attributeNotFound)
395         return false;
396
397     removeAttributeInternal(index, NotInSynchronizationOfLazyAttribute);
398     return true;
399 }
400
401 void Element::setBooleanAttribute(const QualifiedName& name, bool value)
402 {
403     if (value)
404         setAttribute(name, emptyAtom);
405     else
406         removeAttribute(name);
407 }
408
409 NamedNodeMap& Element::attributes() const
410 {
411     ElementRareData& rareData = const_cast<Element*>(this)->ensureElementRareData();
412     if (NamedNodeMap* attributeMap = rareData.attributeMap())
413         return *attributeMap;
414
415     rareData.setAttributeMap(std::make_unique<NamedNodeMap>(const_cast<Element&>(*this)));
416     return *rareData.attributeMap();
417 }
418
419 Node::NodeType Element::nodeType() const
420 {
421     return ELEMENT_NODE;
422 }
423
424 bool Element::hasAttribute(const QualifiedName& name) const
425 {
426     return hasAttributeNS(name.namespaceURI(), name.localName());
427 }
428
429 void Element::synchronizeAllAttributes() const
430 {
431     if (!elementData())
432         return;
433     if (elementData()->styleAttributeIsDirty()) {
434         ASSERT(isStyledElement());
435         static_cast<const StyledElement*>(this)->synchronizeStyleAttributeInternal();
436     }
437
438     if (elementData()->animatedSVGAttributesAreDirty()) {
439         ASSERT(isSVGElement());
440         downcast<SVGElement>(*this).synchronizeAnimatedSVGAttribute(anyQName());
441     }
442 }
443
444 ALWAYS_INLINE void Element::synchronizeAttribute(const QualifiedName& name) const
445 {
446     if (!elementData())
447         return;
448     if (UNLIKELY(name == styleAttr && elementData()->styleAttributeIsDirty())) {
449         ASSERT_WITH_SECURITY_IMPLICATION(isStyledElement());
450         static_cast<const StyledElement*>(this)->synchronizeStyleAttributeInternal();
451         return;
452     }
453
454     if (UNLIKELY(elementData()->animatedSVGAttributesAreDirty())) {
455         ASSERT(isSVGElement());
456         downcast<SVGElement>(*this).synchronizeAnimatedSVGAttribute(name);
457     }
458 }
459
460 static ALWAYS_INLINE bool isStyleAttribute(const Element& element, const AtomicString& attributeLocalName)
461 {
462     if (shouldIgnoreAttributeCase(element))
463         return equalLettersIgnoringASCIICase(attributeLocalName, "style");
464     return attributeLocalName == styleAttr.localName();
465 }
466
467 ALWAYS_INLINE void Element::synchronizeAttribute(const AtomicString& localName) const
468 {
469     // This version of synchronizeAttribute() is streamlined for the case where you don't have a full QualifiedName,
470     // e.g when called from DOM API.
471     if (!elementData())
472         return;
473     if (elementData()->styleAttributeIsDirty() && isStyleAttribute(*this, localName)) {
474         ASSERT_WITH_SECURITY_IMPLICATION(isStyledElement());
475         static_cast<const StyledElement*>(this)->synchronizeStyleAttributeInternal();
476         return;
477     }
478     if (elementData()->animatedSVGAttributesAreDirty()) {
479         // We're not passing a namespace argument on purpose. SVGNames::*Attr are defined w/o namespaces as well.
480         ASSERT_WITH_SECURITY_IMPLICATION(isSVGElement());
481         downcast<SVGElement>(*this).synchronizeAnimatedSVGAttribute(QualifiedName(nullAtom, localName, nullAtom));
482     }
483 }
484
485 const AtomicString& Element::getAttribute(const QualifiedName& name) const
486 {
487     if (!elementData())
488         return nullAtom;
489     synchronizeAttribute(name);
490     if (const Attribute* attribute = findAttributeByName(name))
491         return attribute->value();
492     return nullAtom;
493 }
494
495 Vector<String> Element::getAttributeNames() const
496 {
497     Vector<String> attributesVector;
498     if (!hasAttributes())
499         return attributesVector;
500
501     auto attributes = attributesIterator();
502     attributesVector.reserveInitialCapacity(attributes.attributeCount());
503     for (auto& attribute : attributes)
504         attributesVector.uncheckedAppend(attribute.name().toString());
505     return attributesVector;
506 }
507
508 bool Element::isFocusable() const
509 {
510     if (!isConnected() || !supportsFocus())
511         return false;
512
513     if (!renderer()) {
514         // If the node is in a display:none tree it might say it needs style recalc but
515         // the whole document is actually up to date.
516         ASSERT(!needsStyleRecalc() || !document().childNeedsStyleRecalc());
517
518         // Elements in canvas fallback content are not rendered, but they are allowed to be
519         // focusable as long as their canvas is displayed and visible.
520         if (auto* canvas = ancestorsOfType<HTMLCanvasElement>(*this).first())
521             return canvas->renderer() && canvas->renderer()->style().visibility() == VISIBLE;
522     }
523
524     // FIXME: Even if we are not visible, we might have a child that is visible.
525     // Hyatt wants to fix that some day with a "has visible content" flag or the like.
526     if (!renderer() || renderer()->style().visibility() != VISIBLE)
527         return false;
528
529     return true;
530 }
531
532 bool Element::isUserActionElementInActiveChain() const
533 {
534     ASSERT(isUserActionElement());
535     return document().userActionElements().isInActiveChain(this);
536 }
537
538 bool Element::isUserActionElementActive() const
539 {
540     ASSERT(isUserActionElement());
541     return document().userActionElements().isActive(this);
542 }
543
544 bool Element::isUserActionElementFocused() const
545 {
546     ASSERT(isUserActionElement());
547     return document().userActionElements().isFocused(this);
548 }
549
550 bool Element::isUserActionElementHovered() const
551 {
552     ASSERT(isUserActionElement());
553     return document().userActionElements().isHovered(this);
554 }
555
556 void Element::setActive(bool flag, bool pause)
557 {
558     if (flag == active())
559         return;
560
561     document().userActionElements().setActive(this, flag);
562
563     const RenderStyle* renderStyle = this->renderStyle();
564     bool reactsToPress = (renderStyle && renderStyle->affectedByActive()) || styleAffectedByActive();
565     if (reactsToPress)
566         invalidateStyleForSubtree();
567
568     if (!renderer())
569         return;
570
571     if (renderer()->style().hasAppearance() && renderer()->theme().stateChanged(*renderer(), ControlStates::PressedState))
572         reactsToPress = true;
573
574     // The rest of this function implements a feature that only works if the
575     // platform supports immediate invalidations on the ChromeClient, so bail if
576     // that isn't supported.
577     if (!document().page()->chrome().client().supportsImmediateInvalidation())
578         return;
579
580     if (reactsToPress && pause) {
581         // The delay here is subtle. It relies on an assumption, namely that the amount of time it takes
582         // to repaint the "down" state of the control is about the same time as it would take to repaint the
583         // "up" state. Once you assume this, you can just delay for 100ms - that time (assuming that after you
584         // leave this method, it will be about that long before the flush of the up state happens again).
585 #ifdef HAVE_FUNC_USLEEP
586         double startTime = monotonicallyIncreasingTime();
587 #endif
588
589         document().updateStyleIfNeeded();
590
591         // Do an immediate repaint.
592         if (renderer())
593             renderer()->repaint();
594
595         // FIXME: Come up with a less ridiculous way of doing this.
596 #ifdef HAVE_FUNC_USLEEP
597         // Now pause for a small amount of time (1/10th of a second from before we repainted in the pressed state)
598         double remainingTime = 0.1 - (monotonicallyIncreasingTime() - startTime);
599         if (remainingTime > 0)
600             usleep(static_cast<useconds_t>(remainingTime * 1000000.0));
601 #endif
602     }
603 }
604
605 void Element::setFocus(bool flag)
606 {
607     if (flag == focused())
608         return;
609
610     document().userActionElements().setFocused(this, flag);
611     invalidateStyleForSubtree();
612
613     for (Element* element = this; element; element = element->parentElementInComposedTree())
614         element->setHasFocusWithin(flag);
615 }
616
617 void Element::setHovered(bool flag)
618 {
619     if (flag == hovered())
620         return;
621
622     document().userActionElements().setHovered(this, flag);
623
624     if (!renderer()) {
625         // When setting hover to false, the style needs to be recalc'd even when
626         // there's no renderer (imagine setting display:none in the :hover class,
627         // if a nil renderer would prevent this element from recalculating its
628         // style, it would never go back to its normal style and remain
629         // stuck in its hovered style).
630         if (!flag)
631             invalidateStyleForSubtree();
632
633         return;
634     }
635
636     if (renderer()->style().affectedByHover() || childrenAffectedByHover())
637         invalidateStyleForSubtree();
638
639     if (renderer()->style().hasAppearance())
640         renderer()->theme().stateChanged(*renderer(), ControlStates::HoverState);
641 }
642
643 void Element::scrollIntoView(bool alignToTop) 
644 {
645     document().updateLayoutIgnorePendingStylesheets();
646
647     if (!renderer())
648         return;
649
650     bool insideFixed;
651     LayoutRect absoluteBounds = renderer()->absoluteAnchorRect(&insideFixed);
652     // Align to the top / bottom and to the closest edge.
653     if (alignToTop)
654         renderer()->scrollRectToVisible(SelectionRevealMode::Reveal, absoluteBounds, insideFixed, ScrollAlignment::alignToEdgeIfNeeded, ScrollAlignment::alignTopAlways);
655     else
656         renderer()->scrollRectToVisible(SelectionRevealMode::Reveal, absoluteBounds, insideFixed, ScrollAlignment::alignToEdgeIfNeeded, ScrollAlignment::alignBottomAlways);
657 }
658
659 void Element::scrollIntoViewIfNeeded(bool centerIfNeeded)
660 {
661     document().updateLayoutIgnorePendingStylesheets();
662
663     if (!renderer())
664         return;
665
666     bool insideFixed;
667     LayoutRect absoluteBounds = renderer()->absoluteAnchorRect(&insideFixed);
668     if (centerIfNeeded)
669         renderer()->scrollRectToVisible(SelectionRevealMode::Reveal, absoluteBounds, insideFixed, ScrollAlignment::alignCenterIfNeeded, ScrollAlignment::alignCenterIfNeeded);
670     else
671         renderer()->scrollRectToVisible(SelectionRevealMode::Reveal, absoluteBounds, insideFixed, ScrollAlignment::alignToEdgeIfNeeded, ScrollAlignment::alignToEdgeIfNeeded);
672 }
673
674 void Element::scrollIntoViewIfNotVisible(bool centerIfNotVisible)
675 {
676     document().updateLayoutIgnorePendingStylesheets();
677     
678     if (!renderer())
679         return;
680     
681     bool insideFixed;
682     LayoutRect absoluteBounds = renderer()->absoluteAnchorRect(&insideFixed);
683     if (centerIfNotVisible)
684         renderer()->scrollRectToVisible(SelectionRevealMode::Reveal, absoluteBounds, insideFixed, ScrollAlignment::alignCenterIfNotVisible, ScrollAlignment::alignCenterIfNotVisible);
685     else
686         renderer()->scrollRectToVisible(SelectionRevealMode::Reveal, absoluteBounds, insideFixed, ScrollAlignment::alignToEdgeIfNotVisible, ScrollAlignment::alignToEdgeIfNotVisible);
687 }
688
689 void Element::scrollBy(const ScrollToOptions& options)
690 {
691     return scrollBy(options.left.value_or(0), options.top.value_or(0));
692 }
693
694 static inline double normalizeNonFiniteValue(double f)
695 {
696     return std::isfinite(f) ? f : 0;
697 }
698
699 void Element::scrollBy(double x, double y)
700 {
701     scrollTo(scrollLeft() + normalizeNonFiniteValue(x), scrollTop() + normalizeNonFiniteValue(y));
702 }
703
704 void Element::scrollTo(const ScrollToOptions& options)
705 {
706     // If the element is the root element and document is in quirks mode, terminate these steps.
707     // Note that WebKit always uses quirks mode document scrolling behavior. See Document::scrollingElement().
708     if (this == document().documentElement())
709         return;
710
711     document().updateLayoutIgnorePendingStylesheets();
712
713     // If the element does not have any associated CSS layout box, the element has no associated scrolling box,
714     // or the element has no overflow, terminate these steps.
715     RenderBox* renderer = renderBox();
716     if (!renderer || !renderer->hasOverflowClip())
717         return;
718
719     // Normalize non-finite values for left and top dictionary members of options, if present.
720     double x = options.left ? normalizeNonFiniteValue(options.left.value()) : adjustForAbsoluteZoom(renderer->scrollLeft(), *renderer);
721     double y = options.top ? normalizeNonFiniteValue(options.top.value()) : adjustForAbsoluteZoom(renderer->scrollTop(), *renderer);
722
723     renderer->setScrollLeft(clampToInteger(x * renderer->style().effectiveZoom()));
724     renderer->setScrollTop(clampToInteger(y * renderer->style().effectiveZoom()));
725 }
726
727 void Element::scrollTo(double x, double y)
728 {
729     scrollTo({ x, y });
730 }
731
732 void Element::scrollByUnits(int units, ScrollGranularity granularity)
733 {
734     document().updateLayoutIgnorePendingStylesheets();
735
736     auto* renderer = this->renderer();
737     if (!renderer)
738         return;
739
740     if (!renderer->hasOverflowClip())
741         return;
742
743     ScrollDirection direction = ScrollDown;
744     if (units < 0) {
745         direction = ScrollUp;
746         units = -units;
747     }
748     Element* stopElement = this;
749     downcast<RenderBox>(*renderer).scroll(direction, granularity, units, &stopElement);
750 }
751
752 void Element::scrollByLines(int lines)
753 {
754     scrollByUnits(lines, ScrollByLine);
755 }
756
757 void Element::scrollByPages(int pages)
758 {
759     scrollByUnits(pages, ScrollByPage);
760 }
761
762 static double localZoomForRenderer(const RenderElement& renderer)
763 {
764     // FIXME: This does the wrong thing if two opposing zooms are in effect and canceled each
765     // other out, but the alternative is that we'd have to crawl up the whole render tree every
766     // time (or store an additional bit in the RenderStyle to indicate that a zoom was specified).
767     double zoomFactor = 1;
768     if (renderer.style().effectiveZoom() != 1) {
769         // Need to find the nearest enclosing RenderElement that set up
770         // a differing zoom, and then we divide our result by it to eliminate the zoom.
771         const RenderElement* prev = &renderer;
772         for (RenderElement* curr = prev->parent(); curr; curr = curr->parent()) {
773             if (curr->style().effectiveZoom() != prev->style().effectiveZoom()) {
774                 zoomFactor = prev->style().zoom();
775                 break;
776             }
777             prev = curr;
778         }
779         if (prev->isRenderView())
780             zoomFactor = prev->style().zoom();
781     }
782     return zoomFactor;
783 }
784
785 static double adjustForLocalZoom(LayoutUnit value, const RenderElement& renderer, double& zoomFactor)
786 {
787     zoomFactor = localZoomForRenderer(renderer);
788     if (zoomFactor == 1)
789         return value.toDouble();
790     return value.toDouble() / zoomFactor;
791 }
792
793 enum LegacyCSSOMElementMetricsRoundingStrategy { Round, Floor };
794
795 static bool subpixelMetricsEnabled(const Document& document)
796 {
797     return document.settings().subpixelCSSOMElementMetricsEnabled();
798 }
799
800 static double convertToNonSubpixelValueIfNeeded(double value, const Document& document, LegacyCSSOMElementMetricsRoundingStrategy roundStrategy = Round)
801 {
802     return subpixelMetricsEnabled(document) ? value : roundStrategy == Round ? round(value) : floor(value);
803 }
804
805 double Element::offsetLeft()
806 {
807     document().updateLayoutIgnorePendingStylesheets();
808     if (RenderBoxModelObject* renderer = renderBoxModelObject()) {
809         LayoutUnit offsetLeft = subpixelMetricsEnabled(renderer->document()) ? renderer->offsetLeft() : LayoutUnit(roundToInt(renderer->offsetLeft()));
810         double zoomFactor = 1;
811         double offsetLeftAdjustedWithZoom = adjustForLocalZoom(offsetLeft, *renderer, zoomFactor);
812         return convertToNonSubpixelValueIfNeeded(offsetLeftAdjustedWithZoom, renderer->document(), zoomFactor == 1 ? Floor : Round);
813     }
814     return 0;
815 }
816
817 double Element::offsetTop()
818 {
819     document().updateLayoutIgnorePendingStylesheets();
820     if (RenderBoxModelObject* renderer = renderBoxModelObject()) {
821         LayoutUnit offsetTop = subpixelMetricsEnabled(renderer->document()) ? renderer->offsetTop() : LayoutUnit(roundToInt(renderer->offsetTop()));
822         double zoomFactor = 1;
823         double offsetTopAdjustedWithZoom = adjustForLocalZoom(offsetTop, *renderer, zoomFactor);
824         return convertToNonSubpixelValueIfNeeded(offsetTopAdjustedWithZoom, renderer->document(), zoomFactor == 1 ? Floor : Round);
825     }
826     return 0;
827 }
828
829 double Element::offsetWidth()
830 {
831     document().updateLayoutIfDimensionsOutOfDate(*this, WidthDimensionsCheck);
832     if (RenderBoxModelObject* renderer = renderBoxModelObject()) {
833         LayoutUnit offsetWidth = subpixelMetricsEnabled(renderer->document()) ? renderer->offsetWidth() : LayoutUnit(roundToInt(renderer->offsetWidth()));
834         return convertToNonSubpixelValueIfNeeded(adjustLayoutUnitForAbsoluteZoom(offsetWidth, *renderer).toDouble(), renderer->document());
835     }
836     return 0;
837 }
838
839 double Element::offsetHeight()
840 {
841     document().updateLayoutIfDimensionsOutOfDate(*this, HeightDimensionsCheck);
842     if (RenderBoxModelObject* renderer = renderBoxModelObject()) {
843         LayoutUnit offsetHeight = subpixelMetricsEnabled(renderer->document()) ? renderer->offsetHeight() : LayoutUnit(roundToInt(renderer->offsetHeight()));
844         return convertToNonSubpixelValueIfNeeded(adjustLayoutUnitForAbsoluteZoom(offsetHeight, *renderer).toDouble(), renderer->document());
845     }
846     return 0;
847 }
848
849 Element* Element::bindingsOffsetParent()
850 {
851     Element* element = offsetParent();
852     if (!element || !element->isInShadowTree())
853         return element;
854     return element->containingShadowRoot()->mode() == ShadowRootMode::UserAgent ? nullptr : element;
855 }
856
857 Element* Element::offsetParent()
858 {
859     document().updateLayoutIgnorePendingStylesheets();
860     auto renderer = this->renderer();
861     if (!renderer)
862         return nullptr;
863     auto offsetParent = renderer->offsetParent();
864     if (!offsetParent)
865         return nullptr;
866     return offsetParent->element();
867 }
868
869 double Element::clientLeft()
870 {
871     document().updateLayoutIgnorePendingStylesheets();
872
873     if (auto* renderer = renderBox()) {
874         LayoutUnit clientLeft = subpixelMetricsEnabled(renderer->document()) ? renderer->clientLeft() : LayoutUnit(roundToInt(renderer->clientLeft()));
875         return convertToNonSubpixelValueIfNeeded(adjustLayoutUnitForAbsoluteZoom(clientLeft, *renderer).toDouble(), renderer->document());
876     }
877     return 0;
878 }
879
880 double Element::clientTop()
881 {
882     document().updateLayoutIgnorePendingStylesheets();
883
884     if (auto* renderer = renderBox()) {
885         LayoutUnit clientTop = subpixelMetricsEnabled(renderer->document()) ? renderer->clientTop() : LayoutUnit(roundToInt(renderer->clientTop()));
886         return convertToNonSubpixelValueIfNeeded(adjustLayoutUnitForAbsoluteZoom(clientTop, *renderer).toDouble(), renderer->document());
887     }
888     return 0;
889 }
890
891 double Element::clientWidth()
892 {
893     document().updateLayoutIfDimensionsOutOfDate(*this, WidthDimensionsCheck);
894
895     if (!document().hasLivingRenderTree())
896         return 0;
897
898     RenderView& renderView = *document().renderView();
899
900     // When in strict mode, clientWidth for the document element should return the width of the containing frame.
901     // When in quirks mode, clientWidth for the body element should return the width of the containing frame.
902     bool inQuirksMode = document().inQuirksMode();
903     if ((!inQuirksMode && document().documentElement() == this) || (inQuirksMode && isHTMLElement() && document().bodyOrFrameset() == this))
904         return adjustForAbsoluteZoom(renderView.frameView().layoutWidth(), renderView);
905     
906     if (RenderBox* renderer = renderBox()) {
907         LayoutUnit clientWidth = subpixelMetricsEnabled(renderer->document()) ? renderer->clientWidth() : LayoutUnit(roundToInt(renderer->clientWidth()));
908         return convertToNonSubpixelValueIfNeeded(adjustLayoutUnitForAbsoluteZoom(clientWidth, *renderer).toDouble(), renderer->document());
909     }
910     return 0;
911 }
912
913 double Element::clientHeight()
914 {
915     document().updateLayoutIfDimensionsOutOfDate(*this, HeightDimensionsCheck);
916     if (!document().hasLivingRenderTree())
917         return 0;
918
919     RenderView& renderView = *document().renderView();
920
921     // When in strict mode, clientHeight for the document element should return the height of the containing frame.
922     // When in quirks mode, clientHeight for the body element should return the height of the containing frame.
923     bool inQuirksMode = document().inQuirksMode();
924     if ((!inQuirksMode && document().documentElement() == this) || (inQuirksMode && isHTMLElement() && document().bodyOrFrameset() == this))
925         return adjustForAbsoluteZoom(renderView.frameView().layoutHeight(), renderView);
926
927     if (RenderBox* renderer = renderBox()) {
928         LayoutUnit clientHeight = subpixelMetricsEnabled(renderer->document()) ? renderer->clientHeight() : LayoutUnit(roundToInt(renderer->clientHeight()));
929         return convertToNonSubpixelValueIfNeeded(adjustLayoutUnitForAbsoluteZoom(clientHeight, *renderer).toDouble(), renderer->document());
930     }
931     return 0;
932 }
933
934 int Element::scrollLeft()
935 {
936     document().updateLayoutIgnorePendingStylesheets();
937
938     if (auto* renderer = renderBox())
939         return adjustForAbsoluteZoom(renderer->scrollLeft(), *renderer);
940     return 0;
941 }
942
943 int Element::scrollTop()
944 {
945     document().updateLayoutIgnorePendingStylesheets();
946
947     if (RenderBox* renderer = renderBox())
948         return adjustForAbsoluteZoom(renderer->scrollTop(), *renderer);
949     return 0;
950 }
951
952 void Element::setScrollLeft(int newLeft)
953 {
954     document().updateLayoutIgnorePendingStylesheets();
955
956     if (auto* renderer = renderBox()) {
957         renderer->setScrollLeft(static_cast<int>(newLeft * renderer->style().effectiveZoom()));
958         if (auto* scrollableArea = renderer->layer())
959             scrollableArea->setScrolledProgrammatically(true);
960     }
961 }
962
963 void Element::setScrollTop(int newTop)
964 {
965     document().updateLayoutIgnorePendingStylesheets();
966
967     if (auto* renderer = renderBox()) {
968         renderer->setScrollTop(static_cast<int>(newTop * renderer->style().effectiveZoom()));
969         if (auto* scrollableArea = renderer->layer())
970             scrollableArea->setScrolledProgrammatically(true);
971     }
972 }
973
974 int Element::scrollWidth()
975 {
976     document().updateLayoutIfDimensionsOutOfDate(*this, WidthDimensionsCheck);
977     if (auto* renderer = renderBox())
978         return adjustForAbsoluteZoom(renderer->scrollWidth(), *renderer);
979     return 0;
980 }
981
982 int Element::scrollHeight()
983 {
984     document().updateLayoutIfDimensionsOutOfDate(*this, HeightDimensionsCheck);
985     if (auto* renderer = renderBox())
986         return adjustForAbsoluteZoom(renderer->scrollHeight(), *renderer);
987     return 0;
988 }
989
990 IntRect Element::boundsInRootViewSpace()
991 {
992     document().updateLayoutIgnorePendingStylesheets();
993
994     FrameView* view = document().view();
995     if (!view)
996         return IntRect();
997
998     Vector<FloatQuad> quads;
999
1000     if (isSVGElement() && renderer()) {
1001         // Get the bounding rectangle from the SVG model.
1002         SVGElement& svgElement = downcast<SVGElement>(*this);
1003         FloatRect localRect;
1004         if (svgElement.getBoundingBox(localRect))
1005             quads.append(renderer()->localToAbsoluteQuad(localRect));
1006     } else {
1007         // Get the bounding rectangle from the box model.
1008         if (renderBoxModelObject())
1009             renderBoxModelObject()->absoluteQuads(quads);
1010     }
1011
1012     if (quads.isEmpty())
1013         return IntRect();
1014
1015     IntRect result = quads[0].enclosingBoundingBox();
1016     for (size_t i = 1; i < quads.size(); ++i)
1017         result.unite(quads[i].enclosingBoundingBox());
1018
1019     result = view->contentsToRootView(result);
1020     return result;
1021 }
1022
1023 static bool layoutOverflowRectContainsAllDescendants(const RenderBox& renderBox)
1024 {
1025     if (renderBox.isRenderView())
1026         return true;
1027
1028     if (!renderBox.element())
1029         return false;
1030
1031     // If there are any position:fixed inside of us, game over.
1032     if (auto* viewPositionedObjects = renderBox.view().positionedObjects()) {
1033         for (auto* positionedBox : *viewPositionedObjects) {
1034             if (positionedBox == &renderBox)
1035                 continue;
1036             if (positionedBox->style().position() == FixedPosition && renderBox.element()->contains(positionedBox->element()))
1037                 return false;
1038         }
1039     }
1040
1041     if (renderBox.canContainAbsolutelyPositionedObjects()) {
1042         // Our layout overflow will include all descendant positioned elements.
1043         return true;
1044     }
1045
1046     // This renderer may have positioned descendants whose containing block is some ancestor.
1047     if (auto* containingBlock = renderBox.containingBlockForAbsolutePosition()) {
1048         if (auto* positionedObjects = containingBlock->positionedObjects()) {
1049             for (auto* positionedBox : *positionedObjects) {
1050                 if (positionedBox == &renderBox)
1051                     continue;
1052                 if (renderBox.element()->contains(positionedBox->element()))
1053                     return false;
1054             }
1055         }
1056     }
1057     return false;
1058 }
1059
1060 LayoutRect Element::absoluteEventBounds(bool& boundsIncludeAllDescendantElements, bool& includesFixedPositionElements)
1061 {
1062     boundsIncludeAllDescendantElements = false;
1063     includesFixedPositionElements = false;
1064
1065     if (!renderer())
1066         return LayoutRect();
1067
1068     LayoutRect result;
1069     if (isSVGElement()) {
1070         // Get the bounding rectangle from the SVG model.
1071         SVGElement& svgElement = downcast<SVGElement>(*this);
1072         FloatRect localRect;
1073         if (svgElement.getBoundingBox(localRect, SVGLocatable::DisallowStyleUpdate))
1074             result = LayoutRect(renderer()->localToAbsoluteQuad(localRect, UseTransforms, &includesFixedPositionElements).boundingBox());
1075     } else {
1076         auto* renderer = this->renderer();
1077         if (is<RenderBox>(renderer)) {
1078             auto& box = downcast<RenderBox>(*renderer);
1079
1080             bool computedBounds = false;
1081             
1082             if (RenderFlowThread* flowThread = box.flowThreadContainingBlock()) {
1083                 bool wasFixed = false;
1084                 Vector<FloatQuad> quads;
1085                 FloatRect localRect(0, 0, box.width(), box.height());
1086                 if (flowThread->absoluteQuadsForBox(quads, &wasFixed, &box, localRect.y(), localRect.maxY())) {
1087                     FloatRect quadBounds = quads[0].boundingBox();
1088                     for (size_t i = 1; i < quads.size(); ++i)
1089                         quadBounds.unite(quads[i].boundingBox());
1090                     
1091                     result = LayoutRect(quadBounds);
1092                     computedBounds = true;
1093                 } else {
1094                     // Probably columns. Just return the bounds of the multicol block for now.
1095                     // FIXME: this doesn't handle nested columns.
1096                     RenderElement* multicolContainer = flowThread->parent();
1097                     if (multicolContainer && is<RenderBox>(multicolContainer)) {
1098                         auto overflowRect = downcast<RenderBox>(*multicolContainer).layoutOverflowRect();
1099                         result = LayoutRect(multicolContainer->localToAbsoluteQuad(FloatRect(overflowRect), UseTransforms, &includesFixedPositionElements).boundingBox());
1100                         computedBounds = true;
1101                     }
1102                 }
1103             }
1104
1105             if (!computedBounds) {
1106                 LayoutRect overflowRect = box.layoutOverflowRect();
1107                 result = LayoutRect(box.localToAbsoluteQuad(FloatRect(overflowRect), UseTransforms, &includesFixedPositionElements).boundingBox());
1108                 boundsIncludeAllDescendantElements = layoutOverflowRectContainsAllDescendants(box);
1109             }
1110         } else
1111             result = LayoutRect(renderer->absoluteBoundingBoxRect(true /* useTransforms */, &includesFixedPositionElements));
1112     }
1113
1114     return result;
1115 }
1116
1117 LayoutRect Element::absoluteEventBoundsOfElementAndDescendants(bool& includesFixedPositionElements)
1118 {
1119     bool boundsIncludeDescendants;
1120     LayoutRect result = absoluteEventBounds(boundsIncludeDescendants, includesFixedPositionElements);
1121     if (boundsIncludeDescendants)
1122         return result;
1123
1124     for (auto& child : childrenOfType<Element>(*this)) {
1125         bool includesFixedPosition = false;
1126         LayoutRect childBounds = child.absoluteEventBoundsOfElementAndDescendants(includesFixedPosition);
1127         includesFixedPositionElements |= includesFixedPosition;
1128         result.unite(childBounds);
1129     }
1130
1131     return result;
1132 }
1133
1134 LayoutRect Element::absoluteEventHandlerBounds(bool& includesFixedPositionElements)
1135 {
1136     // This is not web-exposed, so don't call the FOUC-inducing updateLayoutIgnorePendingStylesheets().
1137     FrameView* frameView = document().view();
1138     if (!frameView)
1139         return LayoutRect();
1140
1141     if (frameView->needsLayout())
1142         frameView->layout();
1143
1144     return absoluteEventBoundsOfElementAndDescendants(includesFixedPositionElements);
1145 }
1146
1147 Vector<Ref<DOMRect>> Element::getClientRects()
1148 {
1149     document().updateLayoutIgnorePendingStylesheets();
1150
1151     RenderBoxModelObject* renderBoxModelObject = this->renderBoxModelObject();
1152     if (!renderBoxModelObject)
1153         return { };
1154
1155     // FIXME: Handle SVG elements.
1156     // FIXME: Handle table/inline-table with a caption.
1157
1158     Vector<FloatQuad> quads;
1159     renderBoxModelObject->absoluteQuads(quads);
1160     document().convertAbsoluteToClientQuads(quads, renderBoxModelObject->style());
1161     return createDOMRectVector(quads);
1162 }
1163
1164 Ref<DOMRect> Element::getBoundingClientRect()
1165 {
1166     document().updateLayoutIgnorePendingStylesheets();
1167
1168     Vector<FloatQuad> quads;
1169     if (isSVGElement() && renderer() && !renderer()->isSVGRoot()) {
1170         // Get the bounding rectangle from the SVG model.
1171         SVGElement& svgElement = downcast<SVGElement>(*this);
1172         FloatRect localRect;
1173         if (svgElement.getBoundingBox(localRect))
1174             quads.append(renderer()->localToAbsoluteQuad(localRect));
1175     } else {
1176         // Get the bounding rectangle from the box model.
1177         if (renderBoxModelObject())
1178             renderBoxModelObject()->absoluteQuads(quads);
1179     }
1180
1181     if (quads.isEmpty())
1182         return DOMRect::create();
1183
1184     FloatRect result = quads[0].boundingBox();
1185     for (size_t i = 1; i < quads.size(); ++i)
1186         result.unite(quads[i].boundingBox());
1187
1188     document().convertAbsoluteToClientRect(result, renderer()->style());
1189     return DOMRect::create(result);
1190 }
1191
1192 // Note that this is not web-exposed, and does not use the same coordinate system as getBoundingClientRect() and friends.
1193 IntRect Element::clientRect() const
1194 {
1195     if (RenderObject* renderer = this->renderer())
1196         return document().view()->contentsToRootView(renderer->absoluteBoundingBoxRect());
1197     return IntRect();
1198 }
1199     
1200 IntRect Element::screenRect() const
1201 {
1202     if (RenderObject* renderer = this->renderer())
1203         return document().view()->contentsToScreen(renderer->absoluteBoundingBoxRect());
1204     return IntRect();
1205 }
1206
1207 const AtomicString& Element::getAttribute(const AtomicString& localName) const
1208 {
1209     if (!elementData())
1210         return nullAtom;
1211     synchronizeAttribute(localName);
1212     if (const Attribute* attribute = elementData()->findAttributeByName(localName, shouldIgnoreAttributeCase(*this)))
1213         return attribute->value();
1214     return nullAtom;
1215 }
1216
1217 const AtomicString& Element::getAttributeNS(const AtomicString& namespaceURI, const AtomicString& localName) const
1218 {
1219     return getAttribute(QualifiedName(nullAtom, localName, namespaceURI));
1220 }
1221
1222 ExceptionOr<void> Element::setAttribute(const AtomicString& localName, const AtomicString& value)
1223 {
1224     if (!Document::isValidName(localName))
1225         return Exception { INVALID_CHARACTER_ERR };
1226
1227     synchronizeAttribute(localName);
1228     auto caseAdjustedLocalName = shouldIgnoreAttributeCase(*this) ? localName.convertToASCIILowercase() : localName;
1229     unsigned index = elementData() ? elementData()->findAttributeIndexByName(caseAdjustedLocalName, false) : ElementData::attributeNotFound;
1230     auto name = index != ElementData::attributeNotFound ? attributeAt(index).name() : QualifiedName { nullAtom, caseAdjustedLocalName, nullAtom };
1231     setAttributeInternal(index, name, value, NotInSynchronizationOfLazyAttribute);
1232
1233     return { };
1234 }
1235
1236 void Element::setAttribute(const QualifiedName& name, const AtomicString& value)
1237 {
1238     synchronizeAttribute(name);
1239     unsigned index = elementData() ? elementData()->findAttributeIndexByName(name) : ElementData::attributeNotFound;
1240     setAttributeInternal(index, name, value, NotInSynchronizationOfLazyAttribute);
1241 }
1242
1243 void Element::setAttributeWithoutSynchronization(const QualifiedName& name, const AtomicString& value)
1244 {
1245     unsigned index = elementData() ? elementData()->findAttributeIndexByName(name) : ElementData::attributeNotFound;
1246     setAttributeInternal(index, name, value, NotInSynchronizationOfLazyAttribute);
1247 }
1248
1249 void Element::setSynchronizedLazyAttribute(const QualifiedName& name, const AtomicString& value)
1250 {
1251     unsigned index = elementData() ? elementData()->findAttributeIndexByName(name) : ElementData::attributeNotFound;
1252     setAttributeInternal(index, name, value, InSynchronizationOfLazyAttribute);
1253 }
1254
1255 inline void Element::setAttributeInternal(unsigned index, const QualifiedName& name, const AtomicString& newValue, SynchronizationOfLazyAttribute inSynchronizationOfLazyAttribute)
1256 {
1257     if (newValue.isNull()) {
1258         if (index != ElementData::attributeNotFound)
1259             removeAttributeInternal(index, inSynchronizationOfLazyAttribute);
1260         return;
1261     }
1262
1263     if (index == ElementData::attributeNotFound) {
1264         addAttributeInternal(name, newValue, inSynchronizationOfLazyAttribute);
1265         return;
1266     }
1267
1268     if (inSynchronizationOfLazyAttribute) {
1269         ensureUniqueElementData().attributeAt(index).setValue(newValue);
1270         return;
1271     }
1272
1273     const Attribute& attribute = attributeAt(index);
1274     QualifiedName attributeName = attribute.name();
1275     AtomicString oldValue = attribute.value();
1276
1277     willModifyAttribute(attributeName, oldValue, newValue);
1278
1279     if (newValue != oldValue) {
1280         Style::AttributeChangeInvalidation styleInvalidation(*this, name, oldValue, newValue);
1281         ensureUniqueElementData().attributeAt(index).setValue(newValue);
1282     }
1283
1284     didModifyAttribute(attributeName, oldValue, newValue);
1285 }
1286
1287 static inline AtomicString makeIdForStyleResolution(const AtomicString& value, bool inQuirksMode)
1288 {
1289     if (inQuirksMode)
1290         return value.convertToASCIILowercase();
1291     return value;
1292 }
1293
1294 void Element::attributeChanged(const QualifiedName& name, const AtomicString& oldValue, const AtomicString& newValue, AttributeModificationReason)
1295 {
1296     bool valueIsSameAsBefore = oldValue == newValue;
1297
1298     if (!valueIsSameAsBefore) {
1299         if (name == HTMLNames::idAttr) {
1300             if (!oldValue.isEmpty())
1301                 treeScope().idTargetObserverRegistry().notifyObservers(*oldValue.impl());
1302             if (!newValue.isEmpty())
1303                 treeScope().idTargetObserverRegistry().notifyObservers(*newValue.impl());
1304
1305             AtomicString oldId = elementData()->idForStyleResolution();
1306             AtomicString newId = makeIdForStyleResolution(newValue, document().inQuirksMode());
1307             if (newId != oldId) {
1308                 Style::IdChangeInvalidation styleInvalidation(*this, oldId, newId);
1309                 elementData()->setIdForStyleResolution(newId);
1310             }
1311         } else if (name == classAttr)
1312             classAttributeChanged(newValue);
1313         else if (name == HTMLNames::nameAttr)
1314             elementData()->setHasNameAttribute(!newValue.isNull());
1315         else if (name == HTMLNames::pseudoAttr) {
1316             if (needsStyleInvalidation() && isInShadowTree())
1317                 invalidateStyleForSubtree();
1318         }
1319         else if (name == HTMLNames::slotAttr) {
1320             if (auto* parent = parentElement()) {
1321                 if (auto* shadowRoot = parent->shadowRoot())
1322                     shadowRoot->hostChildElementDidChangeSlotAttribute(*this, oldValue, newValue);
1323             }
1324         }
1325     }
1326
1327     parseAttribute(name, newValue);
1328
1329     document().incDOMTreeVersion();
1330
1331     if (UNLIKELY(isDefinedCustomElement()))
1332         CustomElementReactionQueue::enqueueAttributeChangedCallbackIfNeeded(*this, name, oldValue, newValue);
1333
1334     if (valueIsSameAsBefore)
1335         return;
1336
1337     invalidateNodeListAndCollectionCachesInAncestorsForAttribute(name);
1338
1339     if (AXObjectCache* cache = document().existingAXObjectCache())
1340         cache->handleAttributeChanged(name, this);
1341 }
1342
1343 template <typename CharacterType>
1344 static inline bool classStringHasClassName(const CharacterType* characters, unsigned length)
1345 {
1346     ASSERT(length > 0);
1347
1348     unsigned i = 0;
1349     do {
1350         if (isNotHTMLSpace(characters[i]))
1351             break;
1352         ++i;
1353     } while (i < length);
1354
1355     return i < length;
1356 }
1357
1358 static inline bool classStringHasClassName(const AtomicString& newClassString)
1359 {
1360     unsigned length = newClassString.length();
1361
1362     if (!length)
1363         return false;
1364
1365     if (newClassString.is8Bit())
1366         return classStringHasClassName(newClassString.characters8(), length);
1367     return classStringHasClassName(newClassString.characters16(), length);
1368 }
1369
1370 void Element::classAttributeChanged(const AtomicString& newClassString)
1371 {
1372     // Note: We'll need ElementData, but it doesn't have to be UniqueElementData.
1373     if (!elementData())
1374         ensureUniqueElementData();
1375
1376     bool shouldFoldCase = document().inQuirksMode();
1377     bool newStringHasClasses = classStringHasClassName(newClassString);
1378
1379     auto oldClassNames = elementData()->classNames();
1380     auto newClassNames = newStringHasClasses ? SpaceSplitString(newClassString, shouldFoldCase) : SpaceSplitString();
1381     {
1382         Style::ClassChangeInvalidation styleInvalidation(*this, oldClassNames, newClassNames);
1383         elementData()->setClassNames(newClassNames);
1384     }
1385
1386     if (hasRareData()) {
1387         if (auto* classList = elementRareData()->classList())
1388             classList->associatedAttributeValueChanged(newClassString);
1389     }
1390 }
1391
1392 URL Element::absoluteLinkURL() const
1393 {
1394     if (!isLink())
1395         return URL();
1396
1397     AtomicString linkAttribute;
1398     if (hasTagName(SVGNames::aTag))
1399         linkAttribute = getAttribute(XLinkNames::hrefAttr);
1400     else
1401         linkAttribute = getAttribute(HTMLNames::hrefAttr);
1402
1403     if (linkAttribute.isEmpty())
1404         return URL();
1405
1406     return document().completeURL(stripLeadingAndTrailingHTMLSpaces(linkAttribute));
1407 }
1408
1409 #if ENABLE(TOUCH_EVENTS)
1410 bool Element::allowsDoubleTapGesture() const
1411 {
1412     if (renderStyle() && renderStyle()->touchAction() != TouchAction::Auto)
1413         return false;
1414
1415     Element* parent = parentElement();
1416     return !parent || parent->allowsDoubleTapGesture();
1417 }
1418 #endif
1419
1420 StyleResolver& Element::styleResolver()
1421 {
1422     if (auto* shadowRoot = containingShadowRoot())
1423         return shadowRoot->styleScope().resolver();
1424
1425     return document().styleScope().resolver();
1426 }
1427
1428 ElementStyle Element::resolveStyle(const RenderStyle* parentStyle)
1429 {
1430     return styleResolver().styleForElement(*this, parentStyle);
1431 }
1432
1433 void Element::invalidateStyle()
1434 {
1435     Node::invalidateStyle(Style::Validity::ElementInvalid);
1436 }
1437
1438 void Element::invalidateStyleAndLayerComposition()
1439 {
1440     Node::invalidateStyle(Style::Validity::ElementInvalid, Style::InvalidationMode::RecompositeLayer);
1441 }
1442
1443 void Element::invalidateStyleForSubtree()
1444 {
1445     Node::invalidateStyle(Style::Validity::SubtreeInvalid);
1446 }
1447
1448 void Element::invalidateStyleAndRenderersForSubtree()
1449 {
1450     Node::invalidateStyle(Style::Validity::SubtreeAndRenderersInvalid);
1451 }
1452
1453 #if ENABLE(WEB_ANIMATIONS)
1454 WebAnimationVector Element::getAnimations()
1455 {
1456     auto checkTarget = [this](AnimationEffect const& effect)
1457     {
1458         return (static_cast<KeyframeEffect const&>(effect).target() == this);
1459     };
1460
1461     auto* document = DocumentAnimation::from(&this->document());
1462     if (document)
1463         return document->getAnimations(checkTarget);
1464     return WebAnimationVector();
1465 }
1466 #endif
1467
1468 bool Element::hasDisplayContents() const
1469 {
1470     return hasRareData() && elementRareData()->hasDisplayContents();
1471 }
1472
1473 void Element::setHasDisplayContents(bool value)
1474 {
1475     if (hasDisplayContents() == value)
1476         return;
1477     ensureElementRareData().setHasDisplayContents(value);
1478 }
1479
1480 // Returns true is the given attribute is an event handler.
1481 // We consider an event handler any attribute that begins with "on".
1482 // It is a simple solution that has the advantage of not requiring any
1483 // code or configuration change if a new event handler is defined.
1484
1485 static inline bool isEventHandlerAttribute(const Attribute& attribute)
1486 {
1487     return attribute.name().namespaceURI().isNull() && attribute.name().localName().startsWith("on");
1488 }
1489
1490 bool Element::isJavaScriptURLAttribute(const Attribute& attribute) const
1491 {
1492     return isURLAttribute(attribute) && protocolIsJavaScript(stripLeadingAndTrailingHTMLSpaces(attribute.value()));
1493 }
1494
1495 void Element::stripScriptingAttributes(Vector<Attribute>& attributeVector) const
1496 {
1497     attributeVector.removeAllMatching([this](auto& attribute) -> bool {
1498         return isEventHandlerAttribute(attribute)
1499             || this->isJavaScriptURLAttribute(attribute)
1500             || this->isHTMLContentAttribute(attribute);
1501     });
1502 }
1503
1504 void Element::parserSetAttributes(const Vector<Attribute>& attributeVector)
1505 {
1506     ASSERT(!isConnected());
1507     ASSERT(!parentNode());
1508     ASSERT(!m_elementData);
1509
1510     if (!attributeVector.isEmpty()) {
1511         if (document().sharedObjectPool())
1512             m_elementData = document().sharedObjectPool()->cachedShareableElementDataWithAttributes(attributeVector);
1513         else
1514             m_elementData = ShareableElementData::createWithAttributes(attributeVector);
1515
1516     }
1517
1518     parserDidSetAttributes();
1519
1520     // Use attributeVector instead of m_elementData because attributeChanged might modify m_elementData.
1521     for (const auto& attribute : attributeVector)
1522         attributeChanged(attribute.name(), nullAtom, attribute.value(), ModifiedDirectly);
1523 }
1524
1525 void Element::parserDidSetAttributes()
1526 {
1527 }
1528
1529 void Element::didMoveToNewDocument(Document& oldDocument)
1530 {
1531     Node::didMoveToNewDocument(oldDocument);
1532
1533     if (oldDocument.inQuirksMode() != document().inQuirksMode()) {
1534         // ElementData::m_classNames or ElementData::m_idForStyleResolution need to be updated with the right case.
1535         if (hasID())
1536             attributeChanged(idAttr, nullAtom, getIdAttribute());
1537         if (hasClass())
1538             attributeChanged(classAttr, nullAtom, getAttribute(classAttr));
1539     }
1540
1541     if (UNLIKELY(isDefinedCustomElement()))
1542         CustomElementReactionQueue::enqueueAdoptedCallbackIfNeeded(*this, oldDocument, document());
1543 }
1544
1545 bool Element::hasAttributes() const
1546 {
1547     synchronizeAllAttributes();
1548     return elementData() && elementData()->length();
1549 }
1550
1551 bool Element::hasEquivalentAttributes(const Element* other) const
1552 {
1553     synchronizeAllAttributes();
1554     other->synchronizeAllAttributes();
1555     if (elementData() == other->elementData())
1556         return true;
1557     if (elementData())
1558         return elementData()->isEquivalent(other->elementData());
1559     if (other->elementData())
1560         return other->elementData()->isEquivalent(elementData());
1561     return true;
1562 }
1563
1564 String Element::nodeName() const
1565 {
1566     return m_tagName.toString();
1567 }
1568
1569 String Element::nodeNamePreservingCase() const
1570 {
1571     return m_tagName.toString();
1572 }
1573
1574 ExceptionOr<void> Element::setPrefix(const AtomicString& prefix)
1575 {
1576     auto result = checkSetPrefix(prefix);
1577     if (result.hasException())
1578         return result.releaseException();
1579
1580     m_tagName.setPrefix(prefix.isEmpty() ? nullAtom : prefix);
1581     return { };
1582 }
1583
1584 const AtomicString& Element::imageSourceURL() const
1585 {
1586     return attributeWithoutSynchronization(srcAttr);
1587 }
1588
1589 bool Element::rendererIsNeeded(const RenderStyle& style)
1590 {
1591     return style.display() != NONE && style.display() != CONTENTS;
1592 }
1593
1594 RenderPtr<RenderElement> Element::createElementRenderer(RenderStyle&& style, const RenderTreePosition&)
1595 {
1596     return RenderElement::createFor(*this, WTFMove(style));
1597 }
1598
1599 Node::InsertionNotificationRequest Element::insertedInto(ContainerNode& insertionPoint)
1600 {
1601     bool wasInDocument = isConnected();
1602     // need to do superclass processing first so isConnected() is true
1603     // by the time we reach updateId
1604     ContainerNode::insertedInto(insertionPoint);
1605     ASSERT(!wasInDocument || isConnected());
1606
1607 #if ENABLE(FULLSCREEN_API)
1608     if (containsFullScreenElement() && parentElement() && !parentElement()->containsFullScreenElement())
1609         setContainsFullScreenElementOnAncestorsCrossingFrameBoundaries(true);
1610 #endif
1611
1612     if (parentNode() == &insertionPoint) {
1613         if (auto* shadowRoot = parentNode()->shadowRoot())
1614             shadowRoot->hostChildElementDidChange(*this);
1615     }
1616
1617     if (!insertionPoint.isInTreeScope())
1618         return InsertionDone;
1619
1620     // This function could be called when this element's shadow root's host or its ancestor is inserted.
1621     // This element is new to the shadow tree (and its tree scope) only if the parent into which this element
1622     // or its ancestor is inserted belongs to the same tree scope as this element's.
1623     TreeScope* newScope = &insertionPoint.treeScope();
1624     bool becomeConnected = !wasInDocument && isConnected();
1625     HTMLDocument* newDocument = becomeConnected && is<HTMLDocument>(newScope->documentScope()) ? &downcast<HTMLDocument>(newScope->documentScope()) : nullptr;
1626     if (newScope != &treeScope())
1627         newScope = nullptr;
1628
1629     const AtomicString& idValue = getIdAttribute();
1630     if (!idValue.isNull()) {
1631         if (newScope)
1632             updateIdForTreeScope(*newScope, nullAtom, idValue);
1633         if (newDocument)
1634             updateIdForDocument(*newDocument, nullAtom, idValue, AlwaysUpdateHTMLDocumentNamedItemMaps);
1635     }
1636
1637     const AtomicString& nameValue = getNameAttribute();
1638     if (!nameValue.isNull()) {
1639         if (newScope)
1640             updateNameForTreeScope(*newScope, nullAtom, nameValue);
1641         if (newDocument)
1642             updateNameForDocument(*newDocument, nullAtom, nameValue);
1643     }
1644
1645     if (newScope && hasTagName(labelTag)) {
1646         if (newScope->shouldCacheLabelsByForAttribute())
1647             updateLabel(*newScope, nullAtom, attributeWithoutSynchronization(forAttr));
1648     }
1649
1650     if (becomeConnected) {
1651         if (UNLIKELY(isCustomElementUpgradeCandidate()))
1652             CustomElementReactionQueue::enqueueElementUpgradeIfDefined(*this);
1653         if (UNLIKELY(isDefinedCustomElement()))
1654             CustomElementReactionQueue::enqueueConnectedCallbackIfNeeded(*this);
1655     }
1656
1657     return InsertionDone;
1658 }
1659
1660 void Element::removedFrom(ContainerNode& insertionPoint)
1661 {
1662 #if ENABLE(FULLSCREEN_API)
1663     if (containsFullScreenElement())
1664         setContainsFullScreenElementOnAncestorsCrossingFrameBoundaries(false);
1665 #endif
1666 #if ENABLE(POINTER_LOCK)
1667     if (document().page())
1668         document().page()->pointerLockController().elementRemoved(*this);
1669 #endif
1670
1671     setSavedLayerScrollPosition(ScrollPosition());
1672
1673     if (insertionPoint.isInTreeScope()) {
1674         TreeScope* oldScope = &insertionPoint.treeScope();
1675         bool becomeDisconnected = isConnected();
1676         HTMLDocument* oldDocument = becomeDisconnected && is<HTMLDocument>(oldScope->documentScope()) ? &downcast<HTMLDocument>(oldScope->documentScope()) : nullptr;
1677
1678         // ContainerNode::removeBetween always sets the removed chid's tree scope to Document's but InTreeScope flag is unset in Node::removedFrom.
1679         // So this element has been removed from the old tree scope only if InTreeScope flag is set and this element's tree scope is Document's.
1680         if (!isInTreeScope() || &treeScope() != &document())
1681             oldScope = nullptr;
1682
1683         const AtomicString& idValue = getIdAttribute();
1684         if (!idValue.isNull()) {
1685             if (oldScope)
1686                 updateIdForTreeScope(*oldScope, idValue, nullAtom);
1687             if (oldDocument)
1688                 updateIdForDocument(*oldDocument, idValue, nullAtom, AlwaysUpdateHTMLDocumentNamedItemMaps);
1689         }
1690
1691         const AtomicString& nameValue = getNameAttribute();
1692         if (!nameValue.isNull()) {
1693             if (oldScope)
1694                 updateNameForTreeScope(*oldScope, nameValue, nullAtom);
1695             if (oldDocument)
1696                 updateNameForDocument(*oldDocument, nameValue, nullAtom);
1697         }
1698
1699         if (oldScope && hasTagName(labelTag)) {
1700             if (oldScope->shouldCacheLabelsByForAttribute())
1701                 updateLabel(*oldScope, attributeWithoutSynchronization(forAttr), nullAtom);
1702         }
1703
1704         if (becomeDisconnected && UNLIKELY(isDefinedCustomElement()))
1705             CustomElementReactionQueue::enqueueDisconnectedCallbackIfNeeded(*this);
1706     }
1707
1708     if (!parentNode()) {
1709         if (auto* shadowRoot = insertionPoint.shadowRoot())
1710             shadowRoot->hostChildElementDidChange(*this);
1711     }
1712
1713     ContainerNode::removedFrom(insertionPoint);
1714
1715     if (hasPendingResources())
1716         document().accessSVGExtensions().removeElementFromPendingResources(this);
1717
1718
1719 #if PLATFORM(MAC)
1720     if (Frame* frame = document().frame())
1721         frame->mainFrame().removeLatchingStateForTarget(*this);
1722 #endif
1723 }
1724
1725 void Element::unregisterNamedFlowContentElement()
1726 {
1727     if (isNamedFlowContentElement() && document().renderView())
1728         document().renderView()->flowThreadController().unregisterNamedFlowContentElement(*this);
1729 }
1730
1731 ShadowRoot* Element::shadowRoot() const
1732 {
1733     return hasRareData() ? elementRareData()->shadowRoot() : nullptr;
1734 }
1735
1736 void Element::addShadowRoot(Ref<ShadowRoot>&& newShadowRoot)
1737 {
1738     ASSERT(!shadowRoot());
1739     
1740     if (renderer())
1741         RenderTreeUpdater::tearDownRenderers(*this);
1742
1743     ShadowRoot& shadowRoot = newShadowRoot;
1744     ensureElementRareData().setShadowRoot(WTFMove(newShadowRoot));
1745
1746     shadowRoot.setHost(this);
1747     shadowRoot.setParentTreeScope(treeScope());
1748
1749     NodeVector postInsertionNotificationTargets;
1750     notifyChildNodeInserted(*this, shadowRoot, postInsertionNotificationTargets);
1751     for (auto& target : postInsertionNotificationTargets)
1752         target->finishedInsertingSubtree();
1753
1754     invalidateStyleAndRenderersForSubtree();
1755
1756     InspectorInstrumentation::didPushShadowRoot(*this, shadowRoot);
1757
1758     if (shadowRoot.mode() == ShadowRootMode::UserAgent)
1759         didAddUserAgentShadowRoot(&shadowRoot);
1760 }
1761
1762 void Element::removeShadowRoot()
1763 {
1764     RefPtr<ShadowRoot> oldRoot = shadowRoot();
1765     if (!oldRoot)
1766         return;
1767
1768     InspectorInstrumentation::willPopShadowRoot(*this, *oldRoot);
1769     document().removeFocusedNodeOfSubtree(*oldRoot);
1770
1771     ASSERT(!oldRoot->renderer());
1772
1773     elementRareData()->clearShadowRoot();
1774
1775     oldRoot->setHost(nullptr);
1776     oldRoot->setParentTreeScope(document());
1777 }
1778
1779 static bool canAttachAuthorShadowRoot(const Element& element)
1780 {
1781     static NeverDestroyed<HashSet<AtomicString>> tagNames = [] {
1782         static const HTMLQualifiedName* const tagList[] = {
1783             &articleTag,
1784             &asideTag,
1785             &blockquoteTag,
1786             &bodyTag,
1787             &divTag,
1788             &footerTag,
1789             &h1Tag,
1790             &h2Tag,
1791             &h3Tag,
1792             &h4Tag,
1793             &h5Tag,
1794             &h6Tag,
1795             &headerTag,
1796             &navTag,
1797             &pTag,
1798             &sectionTag,
1799             &spanTag
1800         };
1801         HashSet<AtomicString> set;
1802         for (auto& name : tagList)
1803             set.add(name->localName());
1804         return set;
1805     }();
1806
1807     if (!is<HTMLElement>(element))
1808         return false;
1809
1810     const auto& localName = element.localName();
1811     return tagNames.get().contains(localName) || Document::validateCustomElementName(localName) == CustomElementNameValidationStatus::Valid;
1812 }
1813
1814 ExceptionOr<ShadowRoot&> Element::attachShadow(const ShadowRootInit& init)
1815 {
1816     if (!canAttachAuthorShadowRoot(*this))
1817         return Exception { NOT_SUPPORTED_ERR };
1818     if (shadowRoot())
1819         return Exception { INVALID_STATE_ERR };
1820     if (init.mode == ShadowRootMode::UserAgent)
1821         return Exception { TypeError };
1822     auto shadow = ShadowRoot::create(document(), init.mode);
1823     auto& result = shadow.get();
1824     addShadowRoot(WTFMove(shadow));
1825     return result;
1826 }
1827
1828 ShadowRoot* Element::shadowRootForBindings(JSC::ExecState& state) const
1829 {
1830     auto* shadow = shadowRoot();
1831     if (!shadow)
1832         return nullptr;
1833     if (shadow->mode() == ShadowRootMode::Open)
1834         return shadow;
1835     if (JSC::jsCast<JSDOMGlobalObject*>(state.lexicalGlobalObject())->world().shadowRootIsAlwaysOpen())
1836         return shadow;
1837     return nullptr;
1838 }
1839
1840 ShadowRoot* Element::userAgentShadowRoot() const
1841 {
1842     ASSERT(!shadowRoot() || shadowRoot()->mode() == ShadowRootMode::UserAgent);
1843     return shadowRoot();
1844 }
1845
1846 ShadowRoot& Element::ensureUserAgentShadowRoot()
1847 {
1848     if (auto* shadow = userAgentShadowRoot())
1849         return *shadow;
1850     auto newShadow = ShadowRoot::create(document(), ShadowRootMode::UserAgent);
1851     ShadowRoot& shadow = newShadow;
1852     addShadowRoot(WTFMove(newShadow));
1853     return shadow;
1854 }
1855
1856 void Element::setIsDefinedCustomElement(JSCustomElementInterface& elementInterface)
1857 {
1858     clearFlag(IsEditingTextOrUndefinedCustomElementFlag);
1859     setFlag(IsCustomElement);
1860     auto& data = ensureElementRareData();
1861     if (!data.customElementReactionQueue())
1862         data.setCustomElementReactionQueue(std::make_unique<CustomElementReactionQueue>(elementInterface));
1863     InspectorInstrumentation::didChangeCustomElementState(*this);
1864 }
1865
1866 void Element::setIsFailedCustomElement(JSCustomElementInterface&)
1867 {
1868     ASSERT(isUndefinedCustomElement());
1869     ASSERT(getFlag(IsEditingTextOrUndefinedCustomElementFlag));
1870     clearFlag(IsCustomElement);
1871
1872     if (hasRareData()) {
1873         // Clear the queue instead of deleting it since this function can be called inside CustomElementReactionQueue::invokeAll during upgrades.
1874         if (auto* queue = elementRareData()->customElementReactionQueue())
1875             queue->clear();
1876     }
1877     InspectorInstrumentation::didChangeCustomElementState(*this);
1878 }
1879
1880 void Element::setIsCustomElementUpgradeCandidate()
1881 {
1882     ASSERT(!getFlag(IsCustomElement));
1883     setFlag(IsCustomElement);
1884     setFlag(IsEditingTextOrUndefinedCustomElementFlag);
1885     InspectorInstrumentation::didChangeCustomElementState(*this);
1886 }
1887
1888 void Element::enqueueToUpgrade(JSCustomElementInterface& elementInterface)
1889 {
1890     ASSERT(!isDefinedCustomElement() && !isFailedCustomElement());
1891     setFlag(IsCustomElement);
1892     setFlag(IsEditingTextOrUndefinedCustomElementFlag);
1893     InspectorInstrumentation::didChangeCustomElementState(*this);
1894
1895     auto& data = ensureElementRareData();
1896     ASSERT(!data.customElementReactionQueue());
1897
1898     data.setCustomElementReactionQueue(std::make_unique<CustomElementReactionQueue>(elementInterface));
1899     data.customElementReactionQueue()->enqueueElementUpgrade(*this);
1900 }
1901
1902 CustomElementReactionQueue* Element::reactionQueue() const
1903 {
1904     ASSERT(isDefinedCustomElement() || isCustomElementUpgradeCandidate());
1905     if (!hasRareData())
1906         return nullptr;
1907     return elementRareData()->customElementReactionQueue();
1908 }
1909
1910 const AtomicString& Element::shadowPseudoId() const
1911 {
1912     return pseudo();
1913 }
1914
1915 bool Element::childTypeAllowed(NodeType type) const
1916 {
1917     switch (type) {
1918     case ELEMENT_NODE:
1919     case TEXT_NODE:
1920     case COMMENT_NODE:
1921     case PROCESSING_INSTRUCTION_NODE:
1922     case CDATA_SECTION_NODE:
1923         return true;
1924     default:
1925         break;
1926     }
1927     return false;
1928 }
1929
1930 static void checkForEmptyStyleChange(Element& element)
1931 {
1932     if (element.styleAffectedByEmpty()) {
1933         auto* style = element.renderStyle();
1934         if (!style || (!style->emptyState() || element.hasChildNodes()))
1935             element.invalidateStyleForSubtree();
1936     }
1937 }
1938
1939 enum SiblingCheckType { FinishedParsingChildren, SiblingElementRemoved, Other };
1940
1941 static void checkForSiblingStyleChanges(Element& parent, SiblingCheckType checkType, Element* elementBeforeChange, Element* elementAfterChange)
1942 {
1943     // :empty selector.
1944     checkForEmptyStyleChange(parent);
1945
1946     if (parent.styleValidity() >= Style::Validity::SubtreeInvalid)
1947         return;
1948
1949     // :first-child.  In the parser callback case, we don't have to check anything, since we were right the first time.
1950     // In the DOM case, we only need to do something if |afterChange| is not 0.
1951     // |afterChange| is 0 in the parser case, so it works out that we'll skip this block.
1952     if (parent.childrenAffectedByFirstChildRules() && elementAfterChange) {
1953         // Find our new first child.
1954         Element* newFirstElement = ElementTraversal::firstChild(parent);
1955         // Find the first element node following |afterChange|
1956
1957         // This is the insert/append case.
1958         if (newFirstElement != elementAfterChange) {
1959             auto* style = elementAfterChange->renderStyle();
1960             if (!style || style->firstChildState())
1961                 elementAfterChange->invalidateStyleForSubtree();
1962         }
1963
1964         // We also have to handle node removal.
1965         if (checkType == SiblingElementRemoved && newFirstElement == elementAfterChange && newFirstElement) {
1966             auto* style = newFirstElement->renderStyle();
1967             if (!style || !style->firstChildState())
1968                 newFirstElement->invalidateStyleForSubtree();
1969         }
1970     }
1971
1972     // :last-child.  In the parser callback case, we don't have to check anything, since we were right the first time.
1973     // In the DOM case, we only need to do something if |afterChange| is not 0.
1974     if (parent.childrenAffectedByLastChildRules() && elementBeforeChange) {
1975         // Find our new last child.
1976         Element* newLastElement = ElementTraversal::lastChild(parent);
1977
1978         if (newLastElement != elementBeforeChange) {
1979             auto* style = elementBeforeChange->renderStyle();
1980             if (!style || style->lastChildState())
1981                 elementBeforeChange->invalidateStyleForSubtree();
1982         }
1983
1984         // We also have to handle node removal.  The parser callback case is similar to node removal as well in that we need to change the last child
1985         // to match now.
1986         if ((checkType == SiblingElementRemoved || checkType == FinishedParsingChildren) && newLastElement == elementBeforeChange && newLastElement) {
1987             auto* style = newLastElement->renderStyle();
1988             if (!style || !style->lastChildState())
1989                 newLastElement->invalidateStyleForSubtree();
1990         }
1991     }
1992
1993     if (elementAfterChange) {
1994         if (elementAfterChange->styleIsAffectedByPreviousSibling())
1995             elementAfterChange->invalidateStyleForSubtree();
1996         else if (elementAfterChange->affectsNextSiblingElementStyle()) {
1997             Element* elementToInvalidate = elementAfterChange;
1998             do {
1999                 elementToInvalidate = elementToInvalidate->nextElementSibling();
2000             } while (elementToInvalidate && !elementToInvalidate->styleIsAffectedByPreviousSibling());
2001
2002             if (elementToInvalidate)
2003                 elementToInvalidate->invalidateStyleForSubtree();
2004         }
2005     }
2006
2007     // Backward positional selectors include nth-last-child, nth-last-of-type, last-of-type and only-of-type.
2008     // We have to invalidate everything following the insertion point in the forward case, and everything before the insertion point in the
2009     // backward case.
2010     // |afterChange| is 0 in the parser callback case, so we won't do any work for the forward case if we don't have to.
2011     // For performance reasons we just mark the parent node as changed, since we don't want to make childrenChanged O(n^2) by crawling all our kids
2012     // here.  recalcStyle will then force a walk of the children when it sees that this has happened.
2013     if (parent.childrenAffectedByBackwardPositionalRules() && elementBeforeChange)
2014         parent.invalidateStyleForSubtree();
2015 }
2016
2017 void Element::childrenChanged(const ChildChange& change)
2018 {
2019     ContainerNode::childrenChanged(change);
2020     if (change.source == ChildChangeSourceParser)
2021         checkForEmptyStyleChange(*this);
2022     else {
2023         SiblingCheckType checkType = change.type == ElementRemoved ? SiblingElementRemoved : Other;
2024         checkForSiblingStyleChanges(*this, checkType, change.previousSiblingElement, change.nextSiblingElement);
2025     }
2026
2027     if (ShadowRoot* shadowRoot = this->shadowRoot()) {
2028         switch (change.type) {
2029         case ElementInserted:
2030         case ElementRemoved:
2031             // For elements, we notify shadowRoot in Element::insertedInto and Element::removedFrom.
2032             break;
2033         case AllChildrenRemoved:
2034         case AllChildrenReplaced:
2035             shadowRoot->didRemoveAllChildrenOfShadowHost();
2036             break;
2037         case TextInserted:
2038         case TextRemoved:
2039         case TextChanged:
2040             shadowRoot->didChangeDefaultSlot();
2041             break;
2042         case NonContentsChildInserted:
2043         case NonContentsChildRemoved:
2044             break;
2045         }
2046     }
2047 }
2048
2049 void Element::setAttributeEventListener(const AtomicString& eventType, const QualifiedName& attributeName, const AtomicString& attributeValue)
2050 {
2051     setAttributeEventListener(eventType, JSLazyEventListener::create(*this, attributeName, attributeValue), mainThreadNormalWorld());
2052 }
2053
2054 void Element::setIsNamedFlowContentElement()
2055 {
2056     ensureElementRareData().setIsNamedFlowContentElement(true);
2057 }
2058
2059 void Element::clearIsNamedFlowContentElement()
2060 {
2061     ensureElementRareData().setIsNamedFlowContentElement(false);
2062 }
2063
2064 void Element::removeAllEventListeners()
2065 {
2066     ContainerNode::removeAllEventListeners();
2067     if (ShadowRoot* shadowRoot = this->shadowRoot())
2068         shadowRoot->removeAllEventListeners();
2069 }
2070
2071 void Element::beginParsingChildren()
2072 {
2073     clearIsParsingChildrenFinished();
2074 }
2075
2076 void Element::finishParsingChildren()
2077 {
2078     ContainerNode::finishParsingChildren();
2079     setIsParsingChildrenFinished();
2080     checkForSiblingStyleChanges(*this, FinishedParsingChildren, ElementTraversal::lastChild(*this), nullptr);
2081 }
2082
2083 #if ENABLE(TREE_DEBUGGING)
2084 void Element::formatForDebugger(char* buffer, unsigned length) const
2085 {
2086     StringBuilder result;
2087     String s;
2088
2089     result.append(nodeName());
2090
2091     s = getIdAttribute();
2092     if (s.length() > 0) {
2093         if (result.length() > 0)
2094             result.appendLiteral("; ");
2095         result.appendLiteral("id=");
2096         result.append(s);
2097     }
2098
2099     s = getAttribute(classAttr);
2100     if (s.length() > 0) {
2101         if (result.length() > 0)
2102             result.appendLiteral("; ");
2103         result.appendLiteral("class=");
2104         result.append(s);
2105     }
2106
2107     strncpy(buffer, result.toString().utf8().data(), length - 1);
2108 }
2109 #endif
2110
2111 const Vector<RefPtr<Attr>>& Element::attrNodeList()
2112 {
2113     ASSERT(hasSyntheticAttrChildNodes());
2114     return *attrNodeListForElement(*this);
2115 }
2116
2117 void Element::attachAttributeNodeIfNeeded(Attr& attrNode)
2118 {
2119     ASSERT(!attrNode.ownerElement() || attrNode.ownerElement() == this);
2120     if (attrNode.ownerElement() == this)
2121         return;
2122
2123     NoEventDispatchAssertion assertNoEventDispatch;
2124
2125     attrNode.attachToElement(*this);
2126     treeScope().adoptIfNeeded(attrNode);
2127     ensureAttrNodeListForElement(*this).append(&attrNode);
2128 }
2129
2130 ExceptionOr<RefPtr<Attr>> Element::setAttributeNode(Attr& attrNode)
2131 {
2132     RefPtr<Attr> oldAttrNode = attrIfExists(attrNode.localName(), shouldIgnoreAttributeCase(*this));
2133     if (oldAttrNode.get() == &attrNode)
2134         return WTFMove(oldAttrNode);
2135
2136     // INUSE_ATTRIBUTE_ERR: Raised if node is an Attr that is already an attribute of another Element object.
2137     // The DOM user must explicitly clone Attr nodes to re-use them in other elements.
2138     if (attrNode.ownerElement() && attrNode.ownerElement() != this)
2139         return Exception { INUSE_ATTRIBUTE_ERR };
2140
2141     {
2142     NoEventDispatchAssertion assertNoEventDispatch;
2143     synchronizeAllAttributes();
2144     }
2145
2146     auto& elementData = ensureUniqueElementData();
2147
2148     auto existingAttributeIndex = elementData.findAttributeIndexByName(attrNode.localName(), shouldIgnoreAttributeCase(*this));
2149
2150     // Attr::value() will return its 'm_standaloneValue' member any time its Element is set to nullptr. We need to cache this value
2151     // before making changes to attrNode's Element connections.
2152     auto attrNodeValue = attrNode.value();
2153
2154     if (existingAttributeIndex == ElementData::attributeNotFound) {
2155         attachAttributeNodeIfNeeded(attrNode);
2156         setAttributeInternal(elementData.findAttributeIndexByName(attrNode.qualifiedName()), attrNode.qualifiedName(), attrNodeValue, NotInSynchronizationOfLazyAttribute);
2157     } else {
2158         const Attribute& attribute = attributeAt(existingAttributeIndex);
2159         if (oldAttrNode)
2160             detachAttrNodeFromElementWithValue(oldAttrNode.get(), attribute.value());
2161         else
2162             oldAttrNode = Attr::create(document(), attrNode.qualifiedName(), attribute.value());
2163
2164         attachAttributeNodeIfNeeded(attrNode);
2165
2166         if (attribute.name().matches(attrNode.qualifiedName()))
2167             setAttributeInternal(existingAttributeIndex, attrNode.qualifiedName(), attrNodeValue, NotInSynchronizationOfLazyAttribute);
2168         else {
2169             removeAttributeInternal(existingAttributeIndex, NotInSynchronizationOfLazyAttribute);
2170             setAttributeInternal(ensureUniqueElementData().findAttributeIndexByName(attrNode.qualifiedName()), attrNode.qualifiedName(), attrNodeValue, NotInSynchronizationOfLazyAttribute);
2171         }
2172     }
2173
2174     return WTFMove(oldAttrNode);
2175 }
2176
2177 ExceptionOr<RefPtr<Attr>> Element::setAttributeNodeNS(Attr& attrNode)
2178 {
2179     RefPtr<Attr> oldAttrNode = attrIfExists(attrNode.qualifiedName());
2180     if (oldAttrNode.get() == &attrNode)
2181         return WTFMove(oldAttrNode);
2182
2183     // INUSE_ATTRIBUTE_ERR: Raised if node is an Attr that is already an attribute of another Element object.
2184     // The DOM user must explicitly clone Attr nodes to re-use them in other elements.
2185     if (attrNode.ownerElement() && attrNode.ownerElement() != this)
2186         return Exception { INUSE_ATTRIBUTE_ERR };
2187
2188     unsigned index = 0;
2189     
2190     // Attr::value() will return its 'm_standaloneValue' member any time its Element is set to nullptr. We need to cache this value
2191     // before making changes to attrNode's Element connections.
2192     auto attrNodeValue = attrNode.value();
2193
2194     {
2195     NoEventDispatchAssertion assertNoEventDispatch;
2196     synchronizeAllAttributes();
2197     auto& elementData = ensureUniqueElementData();
2198
2199     index = elementData.findAttributeIndexByName(attrNode.qualifiedName());
2200
2201     if (index != ElementData::attributeNotFound) {
2202         if (oldAttrNode)
2203             detachAttrNodeFromElementWithValue(oldAttrNode.get(), elementData.attributeAt(index).value());
2204         else
2205             oldAttrNode = Attr::create(document(), attrNode.qualifiedName(), elementData.attributeAt(index).value());
2206     }
2207     }
2208
2209     attachAttributeNodeIfNeeded(attrNode);
2210     setAttributeInternal(index, attrNode.qualifiedName(), attrNodeValue, NotInSynchronizationOfLazyAttribute);
2211
2212     return WTFMove(oldAttrNode);
2213 }
2214
2215 ExceptionOr<Ref<Attr>> Element::removeAttributeNode(Attr& attr)
2216 {
2217     if (attr.ownerElement() != this)
2218         return Exception { NOT_FOUND_ERR };
2219
2220     ASSERT(&document() == &attr.document());
2221
2222     synchronizeAllAttributes();
2223
2224     if (!m_elementData)
2225         return Exception { NOT_FOUND_ERR };
2226
2227     auto existingAttributeIndex = m_elementData->findAttributeIndexByName(attr.qualifiedName());
2228     if (existingAttributeIndex == ElementData::attributeNotFound)
2229         return Exception { NOT_FOUND_ERR };
2230
2231     Ref<Attr> oldAttrNode { attr };
2232
2233     detachAttrNodeFromElementWithValue(&attr, m_elementData->attributeAt(existingAttributeIndex).value());
2234     removeAttributeInternal(existingAttributeIndex, NotInSynchronizationOfLazyAttribute);
2235
2236     return WTFMove(oldAttrNode);
2237 }
2238
2239 ExceptionOr<QualifiedName> Element::parseAttributeName(const AtomicString& namespaceURI, const AtomicString& qualifiedName)
2240 {
2241     auto parseResult = Document::parseQualifiedName(namespaceURI, qualifiedName);
2242     if (parseResult.hasException())
2243         return parseResult.releaseException();
2244     QualifiedName parsedAttributeName { parseResult.releaseReturnValue() };
2245     if (!Document::hasValidNamespaceForAttributes(parsedAttributeName))
2246         return Exception { NAMESPACE_ERR };
2247     return WTFMove(parsedAttributeName);
2248 }
2249
2250 ExceptionOr<void> Element::setAttributeNS(const AtomicString& namespaceURI, const AtomicString& qualifiedName, const AtomicString& value)
2251 {
2252     auto result = parseAttributeName(namespaceURI, qualifiedName);
2253     if (result.hasException())
2254         return result.releaseException();
2255     setAttribute(result.releaseReturnValue(), value);
2256     return { };
2257 }
2258
2259 void Element::removeAttributeInternal(unsigned index, SynchronizationOfLazyAttribute inSynchronizationOfLazyAttribute)
2260 {
2261     ASSERT_WITH_SECURITY_IMPLICATION(index < attributeCount());
2262
2263     UniqueElementData& elementData = ensureUniqueElementData();
2264
2265     QualifiedName name = elementData.attributeAt(index).name();
2266     AtomicString valueBeingRemoved = elementData.attributeAt(index).value();
2267
2268     if (RefPtr<Attr> attrNode = attrIfExists(name))
2269         detachAttrNodeFromElementWithValue(attrNode.get(), elementData.attributeAt(index).value());
2270
2271     if (inSynchronizationOfLazyAttribute) {
2272         elementData.removeAttribute(index);
2273         return;
2274     }
2275
2276     if (!valueBeingRemoved.isNull())
2277         willModifyAttribute(name, valueBeingRemoved, nullAtom);
2278
2279     {
2280         Style::AttributeChangeInvalidation styleInvalidation(*this, name, valueBeingRemoved, nullAtom);
2281         elementData.removeAttribute(index);
2282     }
2283
2284     didRemoveAttribute(name, valueBeingRemoved);
2285 }
2286
2287 void Element::addAttributeInternal(const QualifiedName& name, const AtomicString& value, SynchronizationOfLazyAttribute inSynchronizationOfLazyAttribute)
2288 {
2289     if (inSynchronizationOfLazyAttribute) {
2290         ensureUniqueElementData().addAttribute(name, value);
2291         return;
2292     }
2293
2294     willModifyAttribute(name, nullAtom, value);
2295     {
2296         Style::AttributeChangeInvalidation styleInvalidation(*this, name, nullAtom, value);
2297         ensureUniqueElementData().addAttribute(name, value);
2298     }
2299     didAddAttribute(name, value);
2300 }
2301
2302 bool Element::removeAttribute(const AtomicString& name)
2303 {
2304     if (!elementData())
2305         return false;
2306
2307     AtomicString localName = shouldIgnoreAttributeCase(*this) ? name.convertToASCIILowercase() : name;
2308     unsigned index = elementData()->findAttributeIndexByName(localName, false);
2309     if (index == ElementData::attributeNotFound) {
2310         if (UNLIKELY(localName == styleAttr) && elementData()->styleAttributeIsDirty() && is<StyledElement>(*this))
2311             downcast<StyledElement>(*this).removeAllInlineStyleProperties();
2312         return false;
2313     }
2314
2315     removeAttributeInternal(index, NotInSynchronizationOfLazyAttribute);
2316     return true;
2317 }
2318
2319 bool Element::removeAttributeNS(const AtomicString& namespaceURI, const AtomicString& localName)
2320 {
2321     return removeAttribute(QualifiedName(nullAtom, localName, namespaceURI));
2322 }
2323
2324 RefPtr<Attr> Element::getAttributeNode(const AtomicString& localName)
2325 {
2326     if (!elementData())
2327         return nullptr;
2328     synchronizeAttribute(localName);
2329     const Attribute* attribute = elementData()->findAttributeByName(localName, shouldIgnoreAttributeCase(*this));
2330     if (!attribute)
2331         return nullptr;
2332     return ensureAttr(attribute->name());
2333 }
2334
2335 RefPtr<Attr> Element::getAttributeNodeNS(const AtomicString& namespaceURI, const AtomicString& localName)
2336 {
2337     if (!elementData())
2338         return 0;
2339     QualifiedName qName(nullAtom, localName, namespaceURI);
2340     synchronizeAttribute(qName);
2341     const Attribute* attribute = elementData()->findAttributeByName(qName);
2342     if (!attribute)
2343         return 0;
2344     return ensureAttr(attribute->name());
2345 }
2346
2347 bool Element::hasAttribute(const AtomicString& localName) const
2348 {
2349     if (!elementData())
2350         return false;
2351     synchronizeAttribute(localName);
2352     return elementData()->findAttributeByName(localName, shouldIgnoreAttributeCase(*this));
2353 }
2354
2355 bool Element::hasAttributeNS(const AtomicString& namespaceURI, const AtomicString& localName) const
2356 {
2357     if (!elementData())
2358         return false;
2359     QualifiedName qName(nullAtom, localName, namespaceURI);
2360     synchronizeAttribute(qName);
2361     return elementData()->findAttributeByName(qName);
2362 }
2363
2364 void Element::focus(bool restorePreviousSelection, FocusDirection direction)
2365 {
2366     if (!isConnected())
2367         return;
2368
2369     if (document().focusedElement() == this) {
2370         if (document().page())
2371             document().page()->chrome().client().elementDidRefocus(*this);
2372
2373         return;
2374     }
2375
2376     // If the stylesheets have already been loaded we can reliably check isFocusable.
2377     // If not, we continue and set the focused node on the focus controller below so
2378     // that it can be updated soon after attach. 
2379     if (document().haveStylesheetsLoaded()) {
2380         document().updateLayoutIgnorePendingStylesheets();
2381         if (!isFocusable())
2382             return;
2383     }
2384
2385     if (!supportsFocus())
2386         return;
2387
2388     RefPtr<Node> protect;
2389     if (Page* page = document().page()) {
2390         // Focus and change event handlers can cause us to lose our last ref.
2391         // If a focus event handler changes the focus to a different node it
2392         // does not make sense to continue and update appearence.
2393         protect = this;
2394         if (!page->focusController().setFocusedElement(this, *document().frame(), direction))
2395             return;
2396     }
2397
2398     // Setting the focused node above might have invalidated the layout due to scripts.
2399     document().updateLayoutIgnorePendingStylesheets();
2400
2401     if (!isFocusable()) {
2402         ensureElementRareData().setNeedsFocusAppearanceUpdateSoonAfterAttach(true);
2403         return;
2404     }
2405         
2406     cancelFocusAppearanceUpdate();
2407
2408     SelectionRevealMode revealMode = SelectionRevealMode::Reveal;
2409 #if PLATFORM(IOS)
2410     // Focusing a form element triggers animation in UIKit to scroll to the right position.
2411     // Calling updateFocusAppearance() would generate an unnecessary call to ScrollView::setScrollPosition(),
2412     // which would jump us around during this animation. See <rdar://problem/6699741>.
2413     bool isFormControl = is<HTMLFormControlElement>(*this);
2414     if (isFormControl)
2415         revealMode = SelectionRevealMode::RevealUpToMainFrame;
2416 #endif
2417
2418     updateFocusAppearance(restorePreviousSelection ? SelectionRestorationMode::Restore : SelectionRestorationMode::SetDefault, revealMode);
2419 }
2420
2421 void Element::updateFocusAppearanceAfterAttachIfNeeded()
2422 {
2423     if (!hasRareData())
2424         return;
2425     ElementRareData* data = elementRareData();
2426     if (!data->needsFocusAppearanceUpdateSoonAfterAttach())
2427         return;
2428     if (isFocusable() && document().focusedElement() == this)
2429         document().updateFocusAppearanceSoon(SelectionRestorationMode::SetDefault);
2430     data->setNeedsFocusAppearanceUpdateSoonAfterAttach(false);
2431 }
2432
2433 void Element::updateFocusAppearance(SelectionRestorationMode, SelectionRevealMode revealMode)
2434 {
2435     if (isRootEditableElement()) {
2436         // Keep frame alive in this method, since setSelection() may release the last reference to |frame|.
2437         RefPtr<Frame> frame = document().frame();
2438         if (!frame)
2439             return;
2440         
2441         // When focusing an editable element in an iframe, don't reset the selection if it already contains a selection.
2442         if (this == frame->selection().selection().rootEditableElement())
2443             return;
2444
2445         // FIXME: We should restore the previous selection if there is one.
2446         VisibleSelection newSelection = VisibleSelection(firstPositionInOrBeforeNode(this), DOWNSTREAM);
2447         
2448         if (frame->selection().shouldChangeSelection(newSelection)) {
2449             frame->selection().setSelection(newSelection, FrameSelection::defaultSetSelectionOptions(), Element::defaultFocusTextStateChangeIntent());
2450             frame->selection().revealSelection(revealMode);
2451         }
2452     } else if (renderer() && !renderer()->isWidget()) {
2453         bool insideFixed;
2454         LayoutRect absoluteBounds = renderer()->absoluteAnchorRect(&insideFixed);
2455         renderer()->scrollRectToVisible(revealMode, absoluteBounds, insideFixed);
2456     }
2457 }
2458
2459 void Element::blur()
2460 {
2461     cancelFocusAppearanceUpdate();
2462     if (treeScope().focusedElementInScope() == this) {
2463         if (Frame* frame = document().frame())
2464             frame->page()->focusController().setFocusedElement(nullptr, *frame);
2465         else
2466             document().setFocusedElement(nullptr);
2467     }
2468 }
2469
2470 void Element::dispatchFocusInEvent(const AtomicString& eventType, RefPtr<Element>&& oldFocusedElement)
2471 {
2472     ASSERT_WITH_SECURITY_IMPLICATION(NoEventDispatchAssertion::isEventAllowedInMainThread());
2473     ASSERT(eventType == eventNames().focusinEvent || eventType == eventNames().DOMFocusInEvent);
2474     dispatchScopedEvent(FocusEvent::create(eventType, true, false, document().defaultView(), 0, WTFMove(oldFocusedElement)));
2475 }
2476
2477 void Element::dispatchFocusOutEvent(const AtomicString& eventType, RefPtr<Element>&& newFocusedElement)
2478 {
2479     ASSERT_WITH_SECURITY_IMPLICATION(NoEventDispatchAssertion::isEventAllowedInMainThread());
2480     ASSERT(eventType == eventNames().focusoutEvent || eventType == eventNames().DOMFocusOutEvent);
2481     dispatchScopedEvent(FocusEvent::create(eventType, true, false, document().defaultView(), 0, WTFMove(newFocusedElement)));
2482 }
2483
2484 void Element::dispatchFocusEvent(RefPtr<Element>&& oldFocusedElement, FocusDirection)
2485 {
2486     if (document().page())
2487         document().page()->chrome().client().elementDidFocus(*this);
2488
2489     EventDispatcher::dispatchEvent(*this, FocusEvent::create(eventNames().focusEvent, false, false, document().defaultView(), 0, WTFMove(oldFocusedElement)));
2490 }
2491
2492 void Element::dispatchBlurEvent(RefPtr<Element>&& newFocusedElement)
2493 {
2494     if (document().page())
2495         document().page()->chrome().client().elementDidBlur(*this);
2496
2497     EventDispatcher::dispatchEvent(*this, FocusEvent::create(eventNames().blurEvent, false, false, document().defaultView(), 0, WTFMove(newFocusedElement)));
2498 }
2499
2500 void Element::dispatchWebKitImageReadyEventForTesting()
2501 {
2502     if (document().settings().webkitImageReadyEventEnabled())
2503         dispatchEvent(Event::create("webkitImageFrameReady", true, true));
2504 }
2505
2506 bool Element::dispatchMouseForceWillBegin()
2507 {
2508 #if ENABLE(MOUSE_FORCE_EVENTS)
2509     if (!document().hasListenerType(Document::FORCEWILLBEGIN_LISTENER))
2510         return false;
2511
2512     Frame* frame = document().frame();
2513     if (!frame)
2514         return false;
2515
2516     PlatformMouseEvent platformMouseEvent { frame->eventHandler().lastKnownMousePosition(), frame->eventHandler().lastKnownMouseGlobalPosition(), NoButton, PlatformEvent::NoType, 1, false, false, false, false, WTF::currentTime(), ForceAtClick, NoTap };
2517     auto mouseForceWillBeginEvent = MouseEvent::create(eventNames().webkitmouseforcewillbeginEvent, document().defaultView(), platformMouseEvent, 0, nullptr);
2518     mouseForceWillBeginEvent->setTarget(this);
2519     dispatchEvent(mouseForceWillBeginEvent);
2520
2521     if (mouseForceWillBeginEvent->defaultHandled() || mouseForceWillBeginEvent->defaultPrevented())
2522         return true;
2523 #endif
2524
2525     return false;
2526 }
2527
2528 ExceptionOr<void> Element::mergeWithNextTextNode(Text& node)
2529 {
2530     auto* next = node.nextSibling();
2531     if (!is<Text>(next))
2532         return { };
2533     Ref<Text> textNext { downcast<Text>(*next) };
2534     node.appendData(textNext->data());
2535     return textNext->remove();
2536 }
2537
2538 String Element::innerHTML() const
2539 {
2540     return createMarkup(*this, ChildrenOnly);
2541 }
2542
2543 String Element::outerHTML() const
2544 {
2545     return createMarkup(*this);
2546 }
2547
2548 ExceptionOr<void> Element::setOuterHTML(const String& html)
2549 {
2550     auto* parentElement = this->parentElement();
2551     if (!is<HTMLElement>(parentElement))
2552         return Exception { NO_MODIFICATION_ALLOWED_ERR };
2553
2554     Ref<HTMLElement> parent = downcast<HTMLElement>(*parentElement);
2555     RefPtr<Node> prev = previousSibling();
2556     RefPtr<Node> next = nextSibling();
2557
2558     auto fragment = createFragmentForInnerOuterHTML(parent, html, AllowScriptingContent);
2559     if (fragment.hasException())
2560         return fragment.releaseException();
2561
2562     auto replaceResult = parent->replaceChild(fragment.releaseReturnValue().get(), *this);
2563     if (replaceResult.hasException())
2564         return replaceResult.releaseException();
2565
2566     RefPtr<Node> node = next ? next->previousSibling() : nullptr;
2567     if (is<Text>(node.get())) {
2568         auto result = mergeWithNextTextNode(downcast<Text>(*node));
2569         if (result.hasException())
2570             return result.releaseException();
2571     }
2572     if (is<Text>(prev.get())) {
2573         auto result = mergeWithNextTextNode(downcast<Text>(*prev));
2574         if (result.hasException())
2575             return result.releaseException();
2576     }
2577     return { };
2578 }
2579
2580
2581 ExceptionOr<void> Element::setInnerHTML(const String& html)
2582 {
2583     auto fragment = createFragmentForInnerOuterHTML(*this, html, AllowScriptingContent);
2584     if (fragment.hasException())
2585         return fragment.releaseException();
2586
2587     ContainerNode* container;
2588     if (!is<HTMLTemplateElement>(*this))
2589         container = this;
2590     else
2591         container = &downcast<HTMLTemplateElement>(*this).content();
2592
2593     return replaceChildrenWithFragment(*container, fragment.releaseReturnValue());
2594 }
2595
2596 String Element::innerText()
2597 {
2598     // We need to update layout, since plainText uses line boxes in the render tree.
2599     document().updateLayoutIgnorePendingStylesheets();
2600
2601     if (!renderer())
2602         return textContent(true);
2603
2604     return plainText(rangeOfContents(*this).ptr());
2605 }
2606
2607 String Element::outerText()
2608 {
2609     // Getting outerText is the same as getting innerText, only
2610     // setting is different. You would think this should get the plain
2611     // text for the outer range, but this is wrong, <br> for instance
2612     // would return different values for inner and outer text by such
2613     // a rule, but it doesn't in WinIE, and we want to match that.
2614     return innerText();
2615 }
2616
2617 String Element::title() const
2618 {
2619     return String();
2620 }
2621
2622 const AtomicString& Element::pseudo() const
2623 {
2624     return attributeWithoutSynchronization(pseudoAttr);
2625 }
2626
2627 void Element::setPseudo(const AtomicString& value)
2628 {
2629     setAttributeWithoutSynchronization(pseudoAttr, value);
2630 }
2631
2632 LayoutSize Element::minimumSizeForResizing() const
2633 {
2634     return hasRareData() ? elementRareData()->minimumSizeForResizing() : defaultMinimumSizeForResizing();
2635 }
2636
2637 void Element::setMinimumSizeForResizing(const LayoutSize& size)
2638 {
2639     if (!hasRareData() && size == defaultMinimumSizeForResizing())
2640         return;
2641     ensureElementRareData().setMinimumSizeForResizing(size);
2642 }
2643
2644 void Element::willBecomeFullscreenElement()
2645 {
2646     for (auto& child : descendantsOfType<Element>(*this))
2647         child.ancestorWillEnterFullscreen();
2648 }
2649
2650 static PseudoElement* beforeOrAfterPseudoElement(Element& host, PseudoId pseudoElementSpecifier)
2651 {
2652     switch (pseudoElementSpecifier) {
2653     case BEFORE:
2654         return host.beforePseudoElement();
2655     case AFTER:
2656         return host.afterPseudoElement();
2657     default:
2658         return nullptr;
2659     }
2660 }
2661
2662 const RenderStyle* Element::existingComputedStyle()
2663 {
2664     if (auto* renderTreeStyle = renderStyle())
2665         return renderTreeStyle;
2666
2667     if (hasRareData())
2668         return elementRareData()->computedStyle();
2669
2670     return nullptr;
2671 }
2672
2673 const RenderStyle& Element::resolveComputedStyle()
2674 {
2675     ASSERT(isConnected());
2676     ASSERT(!existingComputedStyle());
2677
2678     Deque<Element*, 32> elementsRequiringComputedStyle({ this });
2679     const RenderStyle* computedStyle = nullptr;
2680
2681     // Collect ancestors until we find one that has style.
2682     auto composedAncestors = composedTreeAncestors(*this);
2683     for (auto& ancestor : composedAncestors) {
2684         elementsRequiringComputedStyle.prepend(&ancestor);
2685         if (auto* existingStyle = ancestor.existingComputedStyle()) {
2686             computedStyle = existingStyle;
2687             break;
2688         }
2689     }
2690
2691     // Resolve and cache styles starting from the most distant ancestor.
2692     for (auto* element : elementsRequiringComputedStyle) {
2693         auto style = document().styleForElementIgnoringPendingStylesheets(*element, computedStyle);
2694         computedStyle = style.get();
2695         ElementRareData& rareData = element->ensureElementRareData();
2696         rareData.setComputedStyle(WTFMove(style));
2697     }
2698
2699     return *computedStyle;
2700 }
2701
2702 const RenderStyle* Element::computedStyle(PseudoId pseudoElementSpecifier)
2703 {
2704     if (!isConnected())
2705         return nullptr;
2706
2707     if (PseudoElement* pseudoElement = beforeOrAfterPseudoElement(*this, pseudoElementSpecifier))
2708         return pseudoElement->computedStyle();
2709
2710     auto* style = existingComputedStyle();
2711     if (!style)
2712         style = &resolveComputedStyle();
2713
2714     if (pseudoElementSpecifier) {
2715         if (auto* cachedPseudoStyle = style->getCachedPseudoStyle(pseudoElementSpecifier))
2716             return cachedPseudoStyle;
2717     }
2718
2719     return style;
2720 }
2721
2722 bool Element::needsStyleInvalidation() const
2723 {
2724     if (!inRenderedDocument())
2725         return false;
2726     if (styleValidity() >= Style::Validity::SubtreeInvalid)
2727         return false;
2728     if (document().hasPendingForcedStyleRecalc())
2729         return false;
2730
2731     return true;
2732 }
2733
2734 void Element::setStyleAffectedByEmpty()
2735 {
2736     ensureElementRareData().setStyleAffectedByEmpty(true);
2737 }
2738
2739 void Element::setStyleAffectedByFocusWithin()
2740 {
2741     ensureElementRareData().setStyleAffectedByFocusWithin(true);
2742 }
2743
2744 void Element::setStyleAffectedByActive()
2745 {
2746     ensureElementRareData().setStyleAffectedByActive(true);
2747 }
2748
2749 void Element::setChildrenAffectedByDrag()
2750 {
2751     ensureElementRareData().setChildrenAffectedByDrag(true);
2752 }
2753
2754 void Element::setChildrenAffectedByBackwardPositionalRules()
2755 {
2756     ensureElementRareData().setChildrenAffectedByBackwardPositionalRules(true);
2757 }
2758
2759 void Element::setChildrenAffectedByPropertyBasedBackwardPositionalRules()
2760 {
2761     ensureElementRareData().setChildrenAffectedByPropertyBasedBackwardPositionalRules(true);
2762 }
2763
2764 void Element::setChildIndex(unsigned index)
2765 {
2766     ElementRareData& rareData = ensureElementRareData();
2767     rareData.setChildIndex(index);
2768 }
2769
2770 bool Element::hasFlagsSetDuringStylingOfChildren() const
2771 {
2772     if (childrenAffectedByHover() || childrenAffectedByFirstChildRules() || childrenAffectedByLastChildRules())
2773         return true;
2774
2775     if (!hasRareData())
2776         return false;
2777     return rareDataStyleAffectedByActive()
2778         || rareDataChildrenAffectedByDrag()
2779         || rareDataChildrenAffectedByBackwardPositionalRules()
2780         || rareDataChildrenAffectedByPropertyBasedBackwardPositionalRules();
2781 }
2782
2783 bool Element::rareDataStyleAffectedByEmpty() const
2784 {
2785     ASSERT(hasRareData());
2786     return elementRareData()->styleAffectedByEmpty();
2787 }
2788
2789 bool Element::rareDataStyleAffectedByFocusWithin() const
2790 {
2791     ASSERT(hasRareData());
2792     return elementRareData()->styleAffectedByFocusWithin();
2793 }
2794
2795 bool Element::rareDataIsNamedFlowContentElement() const
2796 {
2797     ASSERT(hasRareData());
2798     return elementRareData()->isNamedFlowContentElement();
2799 }
2800
2801 bool Element::rareDataStyleAffectedByActive() const
2802 {
2803     ASSERT(hasRareData());
2804     return elementRareData()->styleAffectedByActive();
2805 }
2806
2807 bool Element::rareDataChildrenAffectedByDrag() const
2808 {
2809     ASSERT(hasRareData());
2810     return elementRareData()->childrenAffectedByDrag();
2811 }
2812
2813 bool Element::rareDataChildrenAffectedByBackwardPositionalRules() const
2814 {
2815     ASSERT(hasRareData());
2816     return elementRareData()->childrenAffectedByBackwardPositionalRules();
2817 }
2818
2819 bool Element::rareDataChildrenAffectedByPropertyBasedBackwardPositionalRules() const
2820 {
2821     ASSERT(hasRareData());
2822     return elementRareData()->childrenAffectedByPropertyBasedBackwardPositionalRules();
2823 }
2824
2825 unsigned Element::rareDataChildIndex() const
2826 {
2827     ASSERT(hasRareData());
2828     return elementRareData()->childIndex();
2829 }
2830
2831 void Element::setRegionOversetState(RegionOversetState state)
2832 {
2833     ensureElementRareData().setRegionOversetState(state);
2834 }
2835
2836 RegionOversetState Element::regionOversetState() const
2837 {
2838     return hasRareData() ? elementRareData()->regionOversetState() : RegionUndefined;
2839 }
2840
2841 AtomicString Element::computeInheritedLanguage() const
2842 {
2843     if (const ElementData* elementData = this->elementData()) {
2844         if (const Attribute* attribute = elementData->findLanguageAttribute())
2845             return attribute->value();
2846     }
2847
2848     // The language property is inherited, so we iterate over the parents to find the first language.
2849     const Node* currentNode = this;
2850     while ((currentNode = currentNode->parentNode())) {
2851         if (is<Element>(*currentNode)) {
2852             if (const ElementData* elementData = downcast<Element>(*currentNode).elementData()) {
2853                 if (const Attribute* attribute = elementData->findLanguageAttribute())
2854                     return attribute->value();
2855             }
2856         } else if (is<Document>(*currentNode)) {
2857             // checking the MIME content-language
2858             return downcast<Document>(*currentNode).contentLanguage();
2859         }
2860     }
2861
2862     return nullAtom;
2863 }
2864
2865 Locale& Element::locale() const
2866 {
2867     return document().getCachedLocale(computeInheritedLanguage());
2868 }
2869
2870 void Element::cancelFocusAppearanceUpdate()
2871 {
2872     if (hasRareData())
2873         elementRareData()->setNeedsFocusAppearanceUpdateSoonAfterAttach(false);
2874     if (document().focusedElement() == this)
2875         document().cancelFocusAppearanceUpdate();
2876 }
2877
2878 void Element::normalizeAttributes()
2879 {
2880     if (!hasAttributes())
2881         return;
2882
2883     auto* attrNodeList = attrNodeListForElement(*this);
2884     if (!attrNodeList)
2885         return;
2886
2887     // Copy the Attr Vector because Node::normalize() can fire synchronous JS
2888     // events (e.g. DOMSubtreeModified) and a JS listener could add / remove
2889     // attributes while we are iterating.
2890     auto copyOfAttrNodeList = *attrNodeList;
2891     for (auto& attrNode : copyOfAttrNodeList)
2892         attrNode->normalize();
2893 }
2894
2895 PseudoElement* Element::beforePseudoElement() const
2896 {
2897     return hasRareData() ? elementRareData()->beforePseudoElement() : nullptr;
2898 }
2899
2900 PseudoElement* Element::afterPseudoElement() const
2901 {
2902     return hasRareData() ? elementRareData()->afterPseudoElement() : nullptr;
2903 }
2904
2905 void Element::setBeforePseudoElement(Ref<PseudoElement>&& element)
2906 {
2907     ensureElementRareData().setBeforePseudoElement(WTFMove(element));
2908 }
2909
2910 void Element::setAfterPseudoElement(Ref<PseudoElement>&& element)
2911 {
2912     ensureElementRareData().setAfterPseudoElement(WTFMove(element));
2913 }
2914
2915 static void disconnectPseudoElement(PseudoElement* pseudoElement)
2916 {
2917     if (!pseudoElement)
2918         return;
2919     if (pseudoElement->renderer())
2920         RenderTreeUpdater::tearDownRenderers(*pseudoElement);
2921     ASSERT(pseudoElement->hostElement());
2922     pseudoElement->clearHostElement();
2923 }
2924
2925 void Element::clearBeforePseudoElement()
2926 {
2927     if (!hasRareData())
2928         return;
2929     disconnectPseudoElement(elementRareData()->beforePseudoElement());
2930     elementRareData()->setBeforePseudoElement(nullptr);
2931 }
2932
2933 void Element::clearAfterPseudoElement()
2934 {
2935     if (!hasRareData())
2936         return;
2937     disconnectPseudoElement(elementRareData()->afterPseudoElement());
2938     elementRareData()->setAfterPseudoElement(nullptr);
2939 }
2940
2941 bool Element::matchesValidPseudoClass() const
2942 {
2943     return false;
2944 }
2945
2946 bool Element::matchesInvalidPseudoClass() const
2947 {
2948     return false;
2949 }
2950
2951 bool Element::matchesReadWritePseudoClass() const
2952 {
2953     return false;
2954 }
2955
2956 bool Element::matchesIndeterminatePseudoClass() const
2957 {
2958     return shouldAppearIndeterminate();
2959 }
2960
2961 bool Element::matchesDefaultPseudoClass() const
2962 {
2963     return false;
2964 }
2965
2966 ExceptionOr<bool> Element::matches(const String& selector)
2967 {
2968     auto query = document().selectorQueryForString(selector);
2969     if (query.hasException())
2970         return query.releaseException();
2971     return query.releaseReturnValue().matches(*this);
2972 }
2973
2974 ExceptionOr<Element*> Element::closest(const String& selector)
2975 {
2976     auto query = document().selectorQueryForString(selector);
2977     if (query.hasException())
2978         return query.releaseException();
2979     return query.releaseReturnValue().closest(*this);
2980 }
2981
2982 bool Element::shouldAppearIndeterminate() const
2983 {
2984     return false;
2985 }
2986
2987 bool Element::mayCauseRepaintInsideViewport(const IntRect* visibleRect) const
2988 {
2989     return renderer() && renderer()->mayCauseRepaintInsideViewport(visibleRect);
2990 }
2991
2992 DOMTokenList& Element::classList()
2993 {
2994     ElementRareData& data = ensureElementRareData();
2995     if (!data.classList())
2996         data.setClassList(std::make_unique<DOMTokenList>(*this, HTMLNames::classAttr));
2997     return *data.classList();
2998 }
2999
3000 DatasetDOMStringMap& Element::dataset()
3001 {
3002     ElementRareData& data = ensureElementRareData();
3003     if (!data.dataset())
3004         data.setDataset(std::make_unique<DatasetDOMStringMap>(*this));
3005     return *data.dataset();
3006 }
3007
3008 URL Element::getURLAttribute(const QualifiedName& name) const
3009 {
3010 #if !ASSERT_DISABLED
3011     if (elementData()) {
3012         if (const Attribute* attribute = findAttributeByName(name))
3013             ASSERT(isURLAttribute(*attribute));
3014     }
3015 #endif
3016     return document().completeURL(stripLeadingAndTrailingHTMLSpaces(getAttribute(name)));
3017 }
3018
3019 URL Element::getNonEmptyURLAttribute(const QualifiedName& name) const
3020 {
3021 #if !ASSERT_DISABLED
3022     if (elementData()) {
3023         if (const Attribute* attribute = findAttributeByName(name))
3024             ASSERT(isURLAttribute(*attribute));
3025     }
3026 #endif
3027     String value = stripLeadingAndTrailingHTMLSpaces(getAttribute(name));
3028     if (value.isEmpty())
3029         return URL();
3030     return document().completeURL(value);
3031 }
3032
3033 int Element::getIntegralAttribute(const QualifiedName& attributeName) const
3034 {
3035     return parseHTMLInteger(getAttribute(attributeName)).valueOr(0);
3036 }
3037
3038 void Element::setIntegralAttribute(const QualifiedName& attributeName, int value)
3039 {
3040     setAttribute(attributeName, AtomicString::number(value));
3041 }
3042
3043 unsigned Element::getUnsignedIntegralAttribute(const QualifiedName& attributeName) const
3044 {
3045     return parseHTMLNonNegativeInteger(getAttribute(attributeName)).valueOr(0);
3046 }
3047
3048 void Element::setUnsignedIntegralAttribute(const QualifiedName& attributeName, unsigned value)
3049 {
3050     setAttribute(attributeName, AtomicString::number(limitToOnlyHTMLNonNegative(value)));
3051 }
3052
3053 bool Element::childShouldCreateRenderer(const Node& child) const
3054 {
3055     // Only create renderers for SVG elements whose parents are SVG elements, or for proper <svg xmlns="svgNS"> subdocuments.
3056     if (child.isSVGElement()) {
3057         ASSERT(!isSVGElement());
3058         const SVGElement& childElement = downcast<SVGElement>(child);
3059         return is<SVGSVGElement>(childElement) && childElement.isValid();
3060     }
3061     return true;
3062 }
3063
3064 #if ENABLE(FULLSCREEN_API)
3065 void Element::webkitRequestFullscreen()
3066 {
3067     document().requestFullScreenForElement(this, Document::EnforceIFrameAllowFullScreenRequirement);
3068 }
3069
3070 bool Element::containsFullScreenElement() const
3071 {
3072     return hasRareData() && elementRareData()->containsFullScreenElement();
3073 }
3074
3075 void Element::setContainsFullScreenElement(bool flag)
3076 {
3077     ensureElementRareData().setContainsFullScreenElement(flag);
3078     invalidateStyleAndLayerComposition();
3079 }
3080
3081 static Element* parentCrossingFrameBoundaries(Element* element)
3082 {
3083     ASSERT(element);
3084     return element->parentElement() ? element->parentElement() : element->document().ownerElement();
3085 }
3086
3087 void Element::setContainsFullScreenElementOnAncestorsCrossingFrameBoundaries(bool flag)
3088 {
3089     Element* element = this;
3090     while ((element = parentCrossingFrameBoundaries(element)))
3091         element->setContainsFullScreenElement(flag);
3092 }
3093 #endif
3094
3095 #if ENABLE(POINTER_LOCK)
3096 void Element::requestPointerLock()
3097 {
3098     if (document().page())
3099         document().page()->pointerLockController().requestPointerLock(this);
3100 }
3101 #endif
3102
3103 SpellcheckAttributeState Element::spellcheckAttributeState() const
3104 {
3105     const AtomicString& value = attributeWithoutSynchronization(HTMLNames::spellcheckAttr);
3106     if (value.isNull())
3107         return SpellcheckAttributeDefault;
3108     if (value.isEmpty() || equalLettersIgnoringASCIICase(value, "true"))
3109         return SpellcheckAttributeTrue;
3110     if (equalLettersIgnoringASCIICase(value, "false"))
3111         return SpellcheckAttributeFalse;
3112     return SpellcheckAttributeDefault;
3113 }
3114
3115 bool Element::isSpellCheckingEnabled() const
3116 {
3117     for (const Element* element = this; element; element = element->parentOrShadowHostElement()) {
3118         switch (element->spellcheckAttributeState()) {
3119         case SpellcheckAttributeTrue:
3120             return true;
3121         case SpellcheckAttributeFalse:
3122             return false;
3123         case SpellcheckAttributeDefault:
3124             break;
3125         }
3126     }
3127
3128     return true;
3129 }
3130
3131 RenderNamedFlowFragment* Element::renderNamedFlowFragment() const
3132 {
3133     if (renderer() && renderer()->isRenderNamedFlowFragmentContainer())
3134         return downcast<RenderBlockFlow>(*renderer()).renderNamedFlowFragment();
3135
3136     return nullptr;
3137 }
3138
3139 #if ENABLE(CSS_REGIONS)
3140
3141 bool Element::shouldMoveToFlowThread(const RenderStyle& styleToUse) const
3142 {
3143 #if ENABLE(FULLSCREEN_API)
3144     if (document().webkitIsFullScreen() && document().webkitCurrentFullScreenElement() == this)
3145         return false;
3146 #endif
3147
3148     if (isInShadowTree())
3149         return false;
3150
3151     if (!styleToUse.hasFlowInto())
3152         return false;
3153
3154     return true;
3155 }
3156
3157 const AtomicString& Element::webkitRegionOverset() const
3158 {
3159     document().updateLayoutIgnorePendingStylesheets();
3160
3161     static NeverDestroyed<AtomicString> undefinedState("undefined", AtomicString::ConstructFromLiteral);
3162     if (!renderNamedFlowFragment())
3163         return undefinedState;
3164
3165     switch (regionOversetState()) {
3166     case RegionFit: {
3167         static NeverDestroyed<AtomicString> fitState("fit", AtomicString::ConstructFromLiteral);
3168         return fitState;
3169     }
3170     case RegionEmpty: {
3171         static NeverDestroyed<AtomicString> emptyState("empty", AtomicString::ConstructFromLiteral);
3172         return emptyState;
3173     }
3174     case RegionOverset: {
3175         static NeverDestroyed<AtomicString> overflowState("overset", AtomicString::ConstructFromLiteral);
3176         return overflowState;
3177     }
3178     case RegionUndefined:
3179         return undefinedState;
3180     }
3181
3182     ASSERT_NOT_REACHED();
3183     return undefinedState;
3184 }
3185
3186 Vector<RefPtr<Range>> Element::webkitGetRegionFlowRanges() const
3187 {
3188     Vector<RefPtr<Range>> rangeObjects;
3189     document().updateLayoutIgnorePendingStylesheets();
3190     auto* renderer = this->renderer();
3191     if (renderer && renderer->isRenderNamedFlowFragmentContainer()) {
3192         auto& namedFlowFragment = *downcast<RenderBlockFlow>(*renderer).renderNamedFlowFragment();
3193         if (namedFlowFragment.isValid())
3194             namedFlowFragment.getRanges(rangeObjects);
3195     }
3196     return rangeObjects;
3197 }
3198
3199 #endif
3200
3201 #ifndef NDEBUG
3202 bool Element::fastAttributeLookupAllowed(const QualifiedName& name) const
3203 {
3204     if (name == HTMLNames::styleAttr)
3205         return false;
3206
3207     if (isSVGElement())
3208         return !downcast<SVGElement>(*this).isAnimatableAttribute(name);
3209
3210     return true;
3211 }
3212 #endif
3213
3214 #ifdef DUMP_NODE_STATISTICS
3215 bool Element::hasNamedNodeMap() const
3216 {
3217     return hasRareData() && elementRareData()->attributeMap();
3218 }
3219 #endif
3220
3221 inline void Element::updateName(const AtomicString& oldName, const AtomicString& newName)
3222 {
3223     if (!isInTreeScope())
3224         return;
3225
3226     if (oldName == newName)
3227         return;
3228
3229     updateNameForTreeScope(treeScope(), oldName, newName);
3230
3231     if (!isConnected())
3232         return;
3233     if (!is<HTMLDocument>(document()))
3234         return;
3235     updateNameForDocument(downcast<HTMLDocument>(document()), oldName, newName);
3236 }
3237
3238 void Element::updateNameForTreeScope(TreeScope& scope, const AtomicString& oldName, const AtomicString& newName)
3239 {
3240     ASSERT(oldName != newName);
3241
3242     if (!oldName.isEmpty())
3243         scope.removeElementByName(*oldName.impl(), *this);
3244     if (!newName.isEmpty())
3245         scope.addElementByName(*newName.impl(), *this);
3246 }
3247
3248 void Element::updateNameForDocument(HTMLDocument& document, const AtomicString& oldName, const AtomicString& newName)
3249 {
3250     ASSERT(oldName != newName);
3251
3252     if (isInShadowTree())
3253         return;
3254
3255     if (WindowNameCollection::elementMatchesIfNameAttributeMatch(*this)) {
3256         const AtomicString& id = WindowNameCollection::elementMatchesIfIdAttributeMatch(*this) ? getIdAttribute() : nullAtom;
3257         if (!oldName.isEmpty() && oldName != id)
3258             document.removeWindowNamedItem(*oldName.impl(), *this);
3259         if (!newName.isEmpty() && newName != id)
3260             document.addWindowNamedItem(*newName.impl(), *this);
3261     }
3262
3263     if (DocumentNameCollection::elementMatchesIfNameAttributeMatch(*this)) {
3264         const AtomicString& id = DocumentNameCollection::elementMatchesIfIdAttributeMatch(*this) ? getIdAttribute() : nullAtom;
3265         if (!oldName.isEmpty() && oldName != id)
3266             document.removeDocumentNamedItem(*oldName.impl(), *this);
3267         if (!newName.isEmpty() && newName != id)
3268             document.addDocumentNamedItem(*newName.impl(), *this);
3269     }
3270 }
3271
3272 inline void Element::updateId(const AtomicString& oldId, const AtomicString& newId, NotifyObservers notifyObservers)
3273 {
3274     if (!isInTreeScope())
3275         return;
3276
3277     if (oldId == newId)
3278         return;
3279
3280     updateIdForTreeScope(treeScope(), oldId, newId, notifyObservers);
3281
3282     if (!isConnected())
3283         return;
3284     if (!is<HTMLDocument>(document()))
3285         return;
3286     updateIdForDocument(downcast<HTMLDocument>(document()), oldId, newId, UpdateHTMLDocumentNamedItemMapsOnlyIfDiffersFromNameAttribute);
3287 }
3288
3289 void Element::updateIdForTreeScope(TreeScope& scope, const AtomicString& oldId, const AtomicString& newId, NotifyObservers notifyObservers)
3290 {
3291     ASSERT(isInTreeScope());
3292     ASSERT(oldId != newId);
3293
3294     if (!oldId.isEmpty())
3295         scope.removeElementById(*oldId.impl(), *this, notifyObservers == NotifyObservers::Yes);
3296     if (!newId.isEmpty())
3297         scope.addElementById(*newId.impl(), *this, notifyObservers == NotifyObservers::Yes);
3298 }
3299
3300 void Element::updateIdForDocument(HTMLDocument& document, const AtomicString& oldId, const AtomicString& newId, HTMLDocumentNamedItemMapsUpdatingCondition condition)
3301 {
3302     ASSERT(isConnected());
3303     ASSERT(oldId != newId);
3304
3305     if (isInShadowTree())
3306         return;
3307
3308     if (WindowNameCollection::elementMatchesIfIdAttributeMatch(*this)) {
3309         const AtomicString& name = condition == UpdateHTMLDocumentNamedItemMapsOnlyIfDiffersFromNameAttribute && WindowNameCollection::elementMatchesIfNameAttributeMatch(*this) ? getNameAttribute() : nullAtom;
3310         if (!oldId.isEmpty() && oldId != name)
3311             document.removeWindowNamedItem(*oldId.impl(), *this);
3312         if (!newId.isEmpty() && newId != name)
3313             document.addWindowNamedItem(*newId.impl(), *this);
3314     }
3315
3316     if (DocumentNameCollection::elementMatchesIfIdAttributeMatch(*this)) {
3317         const AtomicString& name = condition == UpdateHTMLDocumentNamedItemMapsOnlyIfDiffersFromNameAttribute && DocumentNameCollection::elementMatchesIfNameAttributeMatch(*this) ? getNameAttribute() : nullAtom;
3318         if (!oldId.isEmpty() && oldId != name)
3319             document.removeDocumentNamedItem(*oldId.impl(), *this);
3320         if (!newId.isEmpty() && newId != name)
3321             document.addDocumentNamedItem(*newId.impl(), *this);
3322     }
3323 }
3324
3325 void Element::updateLabel(TreeScope& scope, const AtomicString& oldForAttributeValue, const AtomicString& newForAttributeValue)
3326 {
3327     ASSERT(hasTagName(labelTag));
3328
3329     if (!isConnected())
3330         return;
3331
3332     if (oldForAttributeValue == newForAttributeValue)
3333         return;
3334
3335     if (!oldForAttributeValue.isEmpty())
3336         scope.removeLabel(*oldForAttributeValue.impl(), downcast<HTMLLabelElement>(*this));
3337     if (!newForAttributeValue.isEmpty())
3338         scope.addLabel(*newForAttributeValue.impl(), downcast<HTMLLabelElement>(*this));
3339 }
3340
3341 void Element::willModifyAttribute(const QualifiedName& name, const AtomicString& oldValue, const AtomicString& newValue)
3342 {
3343     if (name == HTMLNames::idAttr)
3344         updateId(oldValue, newValue, NotifyObservers::No); // Will notify observers after the attribute is actually changed.
3345     else if (name == HTMLNames::nameAttr)
3346         updateName(oldValue, newValue);
3347     else if (name == HTMLNames::forAttr && hasTagName(labelTag)) {
3348         if (treeScope().shouldCacheLabelsByForAttribute())
3349             updateLabel(treeScope(), oldValue, newValue);
3350     }
3351
3352     if (auto recipients = MutationObserverInterestGroup::createForAttributesMutation(*this, name))
3353         recipients->enqueueMutationRecord(MutationRecord::createAttributes(*this, name, oldValue));
3354
3355     InspectorInstrumentation::willModifyDOMAttr(document(), *this, oldValue, newValue);
3356 }
3357
3358 void Element::didAddAttribute(const QualifiedName& name, const AtomicString& value)
3359 {
3360     attributeChanged(name, nullAtom, value);
3361     InspectorInstrumentation::didModifyDOMAttr(document(), *this, name.localName(), value);
3362     dispatchSubtreeModifiedEvent();
3363 }
3364
3365 void Element::didModifyAttribute(const QualifiedName& name, const AtomicString& oldValue, const AtomicString& newValue)
3366 {
3367     attributeChanged(name, oldValue, newValue);
3368     InspectorInstrumentation::didModifyDOMAttr(document(), *this, name.localName(), newValue);
3369     // Do not dispatch a DOMSubtreeModified event here; see bug 81141.
3370 }
3371
3372 void Element::didRemoveAttribute(const QualifiedName& name, const AtomicString& oldValue)
3373 {
3374     attributeChanged(name, oldValue, nullAtom);
3375     InspectorInstrumentation::didRemoveDOMAttr(document(), *this, name.localName());
3376     dispatchSubtreeModifiedEvent();
3377 }
3378
3379 IntPoint Element::savedLayerScrollPosition() const
3380 {
3381     return hasRareData() ? elementRareData()->savedLayerScrollPosition() : IntPoint();
3382 }
3383
3384 void Element::setSavedLayerScrollPosition(const IntPoint& position)
3385 {
3386     if (position.isZero() && !hasRareData())
3387         return;
3388     ensureElementRareData().setSavedLayerScrollPosition(position);
3389 }
3390
3391 RefPtr<Attr> Element::attrIfExists(const AtomicString& localName, bool shouldIgnoreAttributeCase)
3392 {
3393     if (auto* attrNodeList = attrNodeListForElement(*this))
3394         return findAttrNodeInList(*attrNodeList, localName, shouldIgnoreAttributeCase);
3395     return nullptr;
3396 }
3397
3398 RefPtr<Attr> Element::attrIfExists(const QualifiedName& name)
3399 {
3400     if (auto* attrNodeList = attrNodeListForElement(*this))
3401         return findAttrNodeInList(*attrNodeList, name);
3402     return nullptr;
3403 }
3404
3405 Ref<Attr> Element::ensureAttr(const QualifiedName& name)
3406 {
3407     auto& attrNodeList = ensureAttrNodeListForElement(*this);
3408     RefPtr<Attr> attrNode = findAttrNodeInList(attrNodeList, name);
3409     if (!attrNode) {
3410         attrNode = Attr::create(*this, name);
3411         treeScope().adoptIfNeeded(*attrNode);
3412         attrNodeList.append(attrNode);
3413     }
3414     return attrNode.releaseNonNull();
3415 }
3416
3417 void Element::detachAttrNodeFromElementWithValue(Attr* attrNode, const AtomicString& value)
3418 {
3419     ASSERT(hasSyntheticAttrChildNodes());
3420     attrNode->detachFromElementWithValue(value);
3421
3422     auto& attrNodeList = *attrNodeListForElement(*this);
3423     bool found = attrNodeList.removeFirstMatching([attrNode](auto& attribute) {
3424         return attribute->qualifiedName() == attrNode->qualifiedName();
3425     });
3426     ASSERT_UNUSED(found, found);
3427     if (attrNodeList.isEmpty())
3428         removeAttrNodeListForElement(*this);
3429 }
3430
3431 void Element::detachAllAttrNodesFromElement()
3432 {
3433     auto* attrNodeList = attrNodeListForElement(*this);
3434     ASSERT(attrNodeList);
3435
3436     for (const Attribute& attribute : attributesIterator()) {
3437         if (RefPtr<Attr> attrNode = findAttrNodeInList(*attrNodeList, attribute.name()))
3438             attrNode->detachFromElementWithValue(attribute.value());
3439     }
3440
3441     removeAttrNodeListForElement(*this);
3442 }
3443
3444 void Element::resetComputedStyle()
3445 {
3446     if (!hasRareData() || !elementRareData()->computedStyle())
3447         return;
3448
3449     auto reset = [](Element& element) {
3450         if (!element.hasRareData() || !element.elementRareData()->computedStyle())
3451             return;
3452         if (element.hasCustomStyleResolveCallbacks())
3453             element.willResetComputedStyle();
3454         element.elementRareData()->resetComputedStyle();
3455     };
3456     reset(*this);
3457     for (auto& child : descendantsOfType<Element>(*this))
3458         reset(child);
3459 }
3460
3461 void Element::resetStyleRelations()
3462 {
3463     if (!hasRareData())
3464         return;
3465     elementRareData()->resetStyleRelations();
3466 }
3467
3468 void Element::clearStyleDerivedDataBeforeDetachingRenderer()
3469 {
3470     unregisterNamedFlowContentElement();
3471     cancelFocusAppearanceUpdate();
3472     clearBeforePseudoElement();
3473     clearAfterPseudoElement();
3474 }
3475
3476 void Element::clearHoverAndActiveStatusBeforeDetachingRenderer()
3477 {
3478     if (!isUserActionElement())
3479         return;
3480     if (hovered())
3481         document().hoveredElementDidDetach(this);
3482     if (inActiveChain())
3483         document().elementInActiveChainDidDetach(this);
3484     document().userActionElements().didDetach(this);
3485 }
3486
3487 void Element::willRecalcStyle(Style::Change)
3488 {
3489     ASSERT(hasCustomStyleResolveCallbacks());
3490 }
3491
3492 void Element::didRecalcStyle(Style::Change)
3493 {
3494     ASSERT(hasCustomStyleResolveCallbacks());
3495 }
3496
3497 void Element::willResetComputedStyle()
3498 {
3499     ASSERT(hasCustomStyleResolveCallbacks());
3500 }
3501
3502 void Element::willAttachRenderers()
3503 {
3504     ASSERT(hasCustomStyleResolveCallbacks());
3505 }
3506
3507 void Element::didAttachRenderers()
3508 {
3509     ASSERT(hasCustomStyleResolveCallbacks());
3510 }
3511
3512 void Element::willDetachRenderers()
3513 {
3514     ASSERT(hasCustomStyleResolveCallbacks());
3515 }
3516
3517 void Element::didDetachRenderers()
3518 {
3519     ASSERT(hasCustomStyleResolveCallbacks());
3520 }
3521
3522 std::optional<ElementStyle> Element::resolveCustomStyle(const RenderStyle&, const RenderStyle*)
3523 {
3524     ASSERT(hasCustomStyleResolveCallbacks());
3525     return std::nullopt;
3526 }
3527
3528 void Element::cloneAttributesFromElement(const Element& other)
3529 {
3530     if (hasSyntheticAttrChildNodes())
3531         detachAllAttrNodesFromElement();
3532
3533     other.synchronizeAllAttributes();
3534     if (!other.m_elementData) {
3535         m_elementData = nullptr;
3536         return;
3537     }
3538
3539     // We can't update window and document's named item maps since the presence of image and object elements depend on other attributes and children.
3540     // Fortunately, those named item maps are only updated when this element is in the document, which should never be the case.
3541     ASSERT(!isConnected());
3542
3543     const AtomicString& oldID = getIdAttribute();
3544     const AtomicString& newID = other.getIdAttribute();
3545
3546     if (!oldID.isNull() || !newID.isNull())
3547         updateId(oldID, newID, NotifyObservers::No); // Will notify observers after the attribute is actually changed.
3548
3549     const AtomicString& oldName = getNameAttribute();
3550     const AtomicString& newName = other.getNameAttribute();
3551
3552     if (!oldName.isNull() || !newName.isNull())
3553         updateName(oldName, newName);
3554
3555     // If 'other' has a mutable ElementData, convert it to an immutable one so we can share it between both elements.
3556     // We can only do this if there is no CSSOM wrapper for other's inline style, and there are no presentation attributes.
3557     if (is<UniqueElementData>(*other.m_elementData)
3558         && !other.m_elementData->presentationAttributeStyle()
3559         && (!other.m_elementData->inlineStyle() || !other.m_elementData->inlineStyle()->hasCSSOMWrapper()))
3560         const_cast<Element&>(other).m_elementData = downcast<UniqueElementData>(*other.m_elementData).makeShareableCopy();
3561
3562     if (!other.m_elementData->isUnique())
3563         m_elementData = other.m_elementData;
3564     else
3565         m_elementData = other.m_elementData->makeUniqueCopy();
3566
3567     for (const Attribute& attribute : attributesIterator())
3568         attributeChanged(attribute.name(), nullAtom, attribute.value(), ModifiedByCloning);
3569 }
3570
3571 void Element::cloneDataFromElement(const Element& other)
3572 {
3573     cloneAttributesFromElement(other);
3574     copyNonAttributePropertiesFromElement(other);
3575 }
3576
3577 void Element::createUniqueElementData()
3578 {
3579     if (!m_elementData)
3580         m_elementData = UniqueElementData::create();
3581     else
3582         m_elementData = downcast<ShareableElementData>(*m_elementData).makeUniqueCopy();
3583 }
3584
3585 bool Element::hasPendingResources() const
3586 {
3587     return hasRareData() && elementRareData()->hasPendingResources();
3588 }
3589
3590 void Element::setHasPendingResources()
3591 {
3592     ensureElementRareData().setHasPendingResources(true);
3593 }
3594
3595 void Element::clearHasPendingResources()
3596 {
3597     ensureElementRareData().setHasPendingResources(false);
3598 }
3599
3600 bool Element::canContainRangeEndPoint() const
3601 {
3602     return !equalLettersIgnoringASCIICase(attributeWithoutSynchronization(roleAttr), "img");
3603 }
3604
3605 String Element::completeURLsInAttributeValue(const URL& base, const Attribute& attribute) const
3606 {
3607     return URL(base, attribute.value()).string();
3608 }
3609
3610 ExceptionOr<Node*> Element::insertAdjacent(const String& where, Ref<Node>&& newChild)
3611 {
3612     // In Internet Explorer if the element has no parent and where is "beforeBegin" or "afterEnd",
3613     // a document fragment is created and the elements appended in the correct order. This document
3614     // fragment isn't returned anywhere.
3615     //
3616     // This is impossible for us to implement as the DOM tree does not allow for such structures,
3617     // Opera also appears to disallow such usage.
3618
3619     if (equalLettersIgnoringASCIICase(where, "beforebegin")) {
3620         auto* parent = this->parentNode();
3621         if (!parent)
3622             return nullptr;
3623         auto result = parent->insertBefore(newChild, this);
3624         if (result.hasException())
3625             return result.releaseException();
3626         return newChild.ptr();
3627     }
3628
3629     if (equalLettersIgnoringASCIICase(where, "afterbegin")) {
3630         auto result = insertBefore(newChild, firstChild());
3631         if (result.hasException())
3632             return result.releaseException();
3633         return newChild.ptr();
3634     }
3635
3636     if (equalLettersIgnoringASCIICase(where, "beforeend")) {
3637         auto result = appendChild(newChild);
3638         if (result.hasException())
3639             return result.releaseException();
3640         return newChild.ptr();
3641     }
3642
3643     if (equalLettersIgnoringASCIICase(where, "afterend")) {
3644         auto* parent = this->parentNode();
3645         if (!parent)
3646             return nullptr;
3647         auto result = parent->insertBefore(newChild, nextSibling());
3648         if (result.hasException())
3649             return result.releaseException();
3650         return newChild.ptr();
3651     }
3652
3653     return Exception { SYNTAX_ERR };
3654 }
3655
3656 ExceptionOr<Element*> Element::insertAdjacentElement(const String& where, Element& newChild)
3657 {
3658     auto result = insertAdjacent(where, newChild);
3659     if (result.hasException())
3660         return result.releaseException();
3661     return downcast<Element>(result.releaseReturnValue());
3662 }
3663
3664 // Step 1 of https://w3c.github.io/DOM-Parsing/#dom-element-insertadjacenthtml.
3665 static ExceptionOr<ContainerNode&> contextNodeForInsertion(const String& where, Element& element)
3666 {
3667     if (equalLettersIgnoringASCIICase(where, "beforebegin") || equalLettersIgnoringASCIICase(where, "afterend")) {
3668         auto* parent = element.parentNode();
3669         if (!parent || is<Document>(*parent))
3670             return Exception { NO_MODIFICATION_ALLOWED_ERR };
3671         return *parent;
3672     }
3673     if (equalLettersIgnoringASCIICase(where, "afterbegin") || equalLettersIgnoringASCIICase(where, "beforeend"))
3674         return element;
3675     return Exception { SYNTAX_ERR };
3676 }
3677
3678 // Step 2 of https://w3c.github.io/DOM-Parsing/#dom-element-insertadjacenthtml.
3679 static ExceptionOr<Ref<Element>> contextElementForInsertion(const String& where, Element& element)
3680 {
3681     auto contextNodeResult = contextNodeForInsertion(where, element);
3682     if (contextNodeResult.hasException())
3683         return contextNodeResult.releaseException();
3684     auto& contextNode = contextNodeResult.releaseReturnValue();
3685     if (!is<Element>(contextNode) || (contextNode.document().isHTMLDocument() && is<HTMLHtmlElement>(contextNode)))
3686         return Ref<Element> { HTMLBodyElement::create(contextNode.document()) };
3687     return Ref<Element> { downcast<Element>(contextNode) };