Remove CSS regions related fields from RenderStyle
[WebKit-https.git] / Source / WebCore / css / StyleResolver.cpp
1 /*
2  * Copyright (C) 1999 Lars Knoll (knoll@kde.org)
3  * Copyright (C) 2004-2005 Allan Sandfeld Jensen (kde@carewolf.com)
4  * Copyright (C) 2006, 2007 Nicholas Shanks (webkit@nickshanks.com)
5  * Copyright (C) 2005-2014 Apple Inc. All rights reserved.
6  * Copyright (C) 2007 Alexey Proskuryakov <ap@webkit.org>
7  * Copyright (C) 2007, 2008 Eric Seidel <eric@webkit.org>
8  * Copyright (C) 2008, 2009 Torch Mobile Inc. All rights reserved. (http://www.torchmobile.com/)
9  * Copyright (c) 2011, Code Aurora Forum. All rights reserved.
10  * Copyright (C) Research In Motion Limited 2011. All rights reserved.
11  * Copyright (C) 2012, 2013 Google Inc. All rights reserved.
12  * Copyright (C) 2014 Igalia S.L.
13  *
14  * This library is free software; you can redistribute it and/or
15  * modify it under the terms of the GNU Library General Public
16  * License as published by the Free Software Foundation; either
17  * version 2 of the License, or (at your option) any later version.
18  *
19  * This library is distributed in the hope that it will be useful,
20  * but WITHOUT ANY WARRANTY; without even the implied warranty of
21  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
22  * Library General Public License for more details.
23  *
24  * You should have received a copy of the GNU Library General Public License
25  * along with this library; see the file COPYING.LIB.  If not, write to
26  * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
27  * Boston, MA 02110-1301, USA.
28  */
29
30 #include "config.h"
31 #include "StyleResolver.h"
32
33 #include "CSSCalculationValue.h"
34 #include "CSSCursorImageValue.h"
35 #include "CSSCustomPropertyValue.h"
36 #include "CSSDefaultStyleSheets.h"
37 #include "CSSFilterImageValue.h"
38 #include "CSSFontSelector.h"
39 #include "CSSFunctionValue.h"
40 #include "CSSGradientValue.h"
41 #include "CSSImageSetValue.h"
42 #include "CSSImageValue.h"
43 #include "CSSKeyframeRule.h"
44 #include "CSSKeyframesRule.h"
45 #include "CSSParser.h"
46 #include "CSSPrimitiveValueMappings.h"
47 #include "CSSPropertyNames.h"
48 #include "CSSReflectValue.h"
49 #include "CSSSelector.h"
50 #include "CSSShadowValue.h"
51 #include "CSSStyleRule.h"
52 #include "CSSStyleSheet.h"
53 #include "CSSValueList.h"
54 #include "CSSValuePool.h"
55 #include "CachedResourceLoader.h"
56 #include "ElementRuleCollector.h"
57 #include "FilterOperation.h"
58 #include "Frame.h"
59 #include "FrameSelection.h"
60 #include "FrameView.h"
61 #include "HTMLInputElement.h"
62 #include "HTMLMarqueeElement.h"
63 #include "HTMLNames.h"
64 #include "HTMLSlotElement.h"
65 #include "HTMLTableElement.h"
66 #include "HTMLTextAreaElement.h"
67 #include "InspectorInstrumentation.h"
68 #include "KeyframeList.h"
69 #include "LinkHash.h"
70 #include "Logging.h"
71 #include "MathMLElement.h"
72 #include "MathMLNames.h"
73 #include "MediaList.h"
74 #include "MediaQueryEvaluator.h"
75 #include "NodeRenderStyle.h"
76 #include "PageRuleCollector.h"
77 #include "Pair.h"
78 #include "RenderScrollbar.h"
79 #include "RenderStyleConstants.h"
80 #include "RenderTheme.h"
81 #include "RenderView.h"
82 #include "RuleSet.h"
83 #include "RuntimeEnabledFeatures.h"
84 #include "SVGDocument.h"
85 #include "SVGDocumentExtensions.h"
86 #include "SVGFontFaceElement.h"
87 #include "SVGNames.h"
88 #include "SVGSVGElement.h"
89 #include "SVGURIReference.h"
90 #include "Settings.h"
91 #include "ShadowRoot.h"
92 #include "StyleBuilder.h"
93 #include "StyleColor.h"
94 #include "StyleCachedImage.h"
95 #include "StyleFontSizeFunctions.h"
96 #include "StyleGeneratedImage.h"
97 #include "StyleProperties.h"
98 #include "StylePropertyShorthand.h"
99 #include "StyleRule.h"
100 #include "StyleSheetContents.h"
101 #include "TransformFunctions.h"
102 #include "TransformOperations.h"
103 #include "UserAgentStyleSheets.h"
104 #include "ViewportStyleResolver.h"
105 #include "VisitedLinkState.h"
106 #include "WebKitFontFamilyNames.h"
107 #include <bitset>
108 #include <wtf/Seconds.h>
109 #include <wtf/StdLibExtras.h>
110 #include <wtf/Vector.h>
111 #include <wtf/text/AtomicStringHash.h>
112
113
114 #if ENABLE(DASHBOARD_SUPPORT)
115 #endif
116
117 #if ENABLE(VIDEO_TRACK)
118 #endif
119
120 namespace WebCore {
121
122 using namespace HTMLNames;
123
124 static const CSSPropertyID firstLowPriorityProperty = static_cast<CSSPropertyID>(lastHighPriorityProperty + 1);
125
126 static void extractDirectionAndWritingMode(const RenderStyle&, const StyleResolver::MatchResult&, TextDirection&, WritingMode&);
127
128 inline void StyleResolver::State::cacheBorderAndBackground()
129 {
130     m_hasUAAppearance = m_style->hasAppearance();
131     if (m_hasUAAppearance) {
132         m_borderData = m_style->border();
133         m_backgroundData = m_style->backgroundLayers();
134         m_backgroundColor = m_style->backgroundColor();
135     }
136 }
137
138 inline void StyleResolver::State::clear()
139 {
140     m_element = nullptr;
141     m_parentStyle = nullptr;
142     m_ownedParentStyle = nullptr;
143     m_cssToLengthConversionData = CSSToLengthConversionData();
144 }
145
146 void StyleResolver::MatchResult::addMatchedProperties(const StyleProperties& properties, StyleRule* rule, unsigned linkMatchType, PropertyWhitelistType propertyWhitelistType, Style::ScopeOrdinal styleScopeOrdinal)
147 {
148     m_matchedProperties.grow(m_matchedProperties.size() + 1);
149     StyleResolver::MatchedProperties& newProperties = m_matchedProperties.last();
150     newProperties.properties = const_cast<StyleProperties*>(&properties);
151     newProperties.linkMatchType = linkMatchType;
152     newProperties.whitelistType = propertyWhitelistType;
153     newProperties.styleScopeOrdinal = styleScopeOrdinal;
154     matchedRules.append(rule);
155
156     if (styleScopeOrdinal != Style::ScopeOrdinal::Element)
157         isCacheable = false;
158
159     if (isCacheable) {
160         for (unsigned i = 0, count = properties.propertyCount(); i < count; ++i) {
161             // Currently the property cache only copy the non-inherited values and resolve
162             // the inherited ones.
163             // Here we define some exception were we have to resolve some properties that are not inherited
164             // by default. If those exceptions become too common on the web, it should be possible
165             // to build a list of exception to resolve instead of completely disabling the cache.
166
167             StyleProperties::PropertyReference current = properties.propertyAt(i);
168             if (!current.isInherited()) {
169                 // If the property value is explicitly inherited, we need to apply further non-inherited properties
170                 // as they might override the value inherited here. For this reason we don't allow declarations with
171                 // explicitly inherited properties to be cached.
172                 const CSSValue& value = *current.value();
173                 if (value.isInheritedValue()) {
174                     isCacheable = false;
175                     break;
176                 }
177
178                 // The value currentColor has implicitely the same side effect. It depends on the value of color,
179                 // which is an inherited value, making the non-inherited property implicitly inherited.
180                 if (is<CSSPrimitiveValue>(value) && downcast<CSSPrimitiveValue>(value).valueID() == CSSValueCurrentcolor) {
181                     isCacheable = false;
182                     break;
183                 }
184
185                 if (value.hasVariableReferences()) {
186                     isCacheable = false;
187                     break;
188                 }
189             }
190         }
191     }
192 }
193
194 StyleResolver::StyleResolver(Document& document)
195     : m_ruleSets(*this)
196     , m_matchedPropertiesCacheAdditionsSinceLastSweep(0)
197     , m_matchedPropertiesCacheSweepTimer(*this, &StyleResolver::sweepMatchedPropertiesCache)
198     , m_document(document)
199     , m_matchAuthorAndUserStyles(m_document.settings().authorAndUserStylesEnabled())
200 #if ENABLE(CSS_DEVICE_ADAPTATION)
201     , m_viewportStyleResolver(ViewportStyleResolver::create(&document))
202 #endif
203     , m_styleMap(this)
204 {
205     Element* root = m_document.documentElement();
206
207     CSSDefaultStyleSheets::initDefaultStyle(root);
208
209     // construct document root element default style. this is needed
210     // to evaluate media queries that contain relative constraints, like "screen and (max-width: 10em)"
211     // This is here instead of constructor, because when constructor is run,
212     // document doesn't have documentElement
213     // NOTE: this assumes that element that gets passed to styleForElement -call
214     // is always from the document that owns the style selector
215     FrameView* view = m_document.view();
216     if (view)
217         m_mediaQueryEvaluator = MediaQueryEvaluator { view->mediaType() };
218     else
219         m_mediaQueryEvaluator = MediaQueryEvaluator { "all" };
220
221     if (root) {
222         m_rootDefaultStyle = styleForElement(*root, m_document.renderStyle(), nullptr, MatchOnlyUserAgentRules).renderStyle;
223         // Turn off assertion against font lookups during style resolver initialization. We may need root style font for media queries.
224         m_document.fontSelector().incrementIsComputingRootStyleFont();
225         m_rootDefaultStyle->fontCascade().update(&m_document.fontSelector());
226         m_rootDefaultStyle->fontCascade().primaryFont();
227         m_document.fontSelector().decrementIsComputingRootStyleFont();
228     }
229
230     if (m_rootDefaultStyle && view)
231         m_mediaQueryEvaluator = MediaQueryEvaluator { view->mediaType(), m_document, m_rootDefaultStyle.get() };
232
233     m_ruleSets.resetAuthorStyle();
234 }
235
236 void StyleResolver::addCurrentSVGFontFaceRules()
237 {
238 #if ENABLE(SVG_FONTS)
239     if (m_document.svgExtensions()) {
240         const HashSet<SVGFontFaceElement*>& svgFontFaceElements = m_document.svgExtensions()->svgFontFaceElements();
241         for (auto* svgFontFaceElement : svgFontFaceElements)
242             m_document.fontSelector().addFontFaceRule(svgFontFaceElement->fontFaceRule(), svgFontFaceElement->isInUserAgentShadowTree());
243     }
244 #endif
245 }
246
247 void StyleResolver::appendAuthorStyleSheets(const Vector<RefPtr<CSSStyleSheet>>& styleSheets)
248 {
249     m_ruleSets.appendAuthorStyleSheets(styleSheets, &m_mediaQueryEvaluator, m_inspectorCSSOMWrappers, this);
250
251     if (auto renderView = document().renderView())
252         renderView->style().fontCascade().update(&document().fontSelector());
253
254 #if ENABLE(CSS_DEVICE_ADAPTATION)
255     viewportStyleResolver()->resolve();
256 #endif
257 }
258
259 // This is a simplified style setting function for keyframe styles
260 void StyleResolver::addKeyframeStyle(Ref<StyleRuleKeyframes>&& rule)
261 {
262     AtomicString s(rule->name());
263     m_keyframesRuleMap.set(s.impl(), WTFMove(rule));
264 }
265
266 StyleResolver::~StyleResolver()
267 {
268     RELEASE_ASSERT(!m_isDeleted);
269     m_isDeleted = true;
270
271 #if ENABLE(CSS_DEVICE_ADAPTATION)
272     m_viewportStyleResolver->clearDocument();
273 #endif
274 }
275
276 void StyleResolver::sweepMatchedPropertiesCache()
277 {
278     // Look for cache entries containing a style declaration with a single ref and remove them.
279     // This may happen when an element attribute mutation causes it to generate a new inlineStyle()
280     // or presentationAttributeStyle(), potentially leaving this cache with the last ref on the old one.
281     Vector<unsigned, 16> toRemove;
282     MatchedPropertiesCache::iterator it = m_matchedPropertiesCache.begin();
283     MatchedPropertiesCache::iterator end = m_matchedPropertiesCache.end();
284     for (; it != end; ++it) {
285         Vector<MatchedProperties>& matchedProperties = it->value.matchedProperties;
286         for (size_t i = 0; i < matchedProperties.size(); ++i) {
287             if (matchedProperties[i].properties->hasOneRef()) {
288                 toRemove.append(it->key);
289                 break;
290             }
291         }
292     }
293     for (size_t i = 0; i < toRemove.size(); ++i)
294         m_matchedPropertiesCache.remove(toRemove[i]);
295
296     m_matchedPropertiesCacheAdditionsSinceLastSweep = 0;
297 }
298
299 StyleResolver::State::State(const Element& element, const RenderStyle* parentStyle, const RenderStyle* documentElementStyle, const SelectorFilter* selectorFilter)
300     : m_element(&element)
301     , m_parentStyle(parentStyle)
302     , m_elementLinkState(element.document().visitedLinkState().determineLinkState(element))
303     , m_selectorFilter(selectorFilter)
304 {
305     bool resetStyleInheritance = hasShadowRootParent(element) && downcast<ShadowRoot>(element.parentNode())->resetStyleInheritance();
306     if (resetStyleInheritance)
307         m_parentStyle = nullptr;
308
309     auto& document = element.document();
310     auto* documentElement = document.documentElement();
311     if (!documentElement || documentElement == &element)
312         m_rootElementStyle = document.renderStyle();
313     else
314         m_rootElementStyle = documentElementStyle ? documentElementStyle : documentElement->renderStyle();
315
316     updateConversionData();
317 }
318
319 inline void StyleResolver::State::updateConversionData()
320 {
321     m_cssToLengthConversionData = CSSToLengthConversionData(m_style.get(), m_rootElementStyle, m_element ? document().renderView() : nullptr);
322 }
323
324 inline void StyleResolver::State::setStyle(std::unique_ptr<RenderStyle> style)
325 {
326     m_style = WTFMove(style);
327     updateConversionData();
328 }
329
330 void StyleResolver::State::setParentStyle(std::unique_ptr<RenderStyle> parentStyle)
331 {
332     m_ownedParentStyle = WTFMove(parentStyle);
333     m_parentStyle = m_ownedParentStyle.get();
334 }
335
336 static inline bool isAtShadowBoundary(const Element& element)
337 {
338     auto* parentNode = element.parentNode();
339     return parentNode && parentNode->isShadowRoot();
340 }
341
342 ElementStyle StyleResolver::styleForElement(const Element& element, const RenderStyle* parentStyle, const RenderStyle* parentBoxStyle, RuleMatchingBehavior matchingBehavior, const SelectorFilter* selectorFilter)
343 {
344     RELEASE_ASSERT(!m_isDeleted);
345
346     m_state = State(element, parentStyle, m_overrideDocumentElementStyle, selectorFilter);
347     State& state = m_state;
348
349     if (state.parentStyle()) {
350         state.setStyle(RenderStyle::createPtr());
351         state.style()->inheritFrom(*state.parentStyle());
352     } else {
353         state.setStyle(defaultStyleForElement());
354         state.setParentStyle(RenderStyle::clonePtr(*state.style()));
355     }
356
357     auto& style = *state.style();
358
359     if (element.isLink()) {
360         style.setIsLink(true);
361         EInsideLink linkState = state.elementLinkState();
362         if (linkState != NotInsideLink) {
363             bool forceVisited = InspectorInstrumentation::forcePseudoState(element, CSSSelector::PseudoClassVisited);
364             if (forceVisited)
365                 linkState = InsideVisitedLink;
366         }
367         style.setInsideLink(linkState);
368     }
369
370     CSSDefaultStyleSheets::ensureDefaultStyleSheetsForElement(element);
371
372     ElementRuleCollector collector(element, m_ruleSets, m_state.selectorFilter());
373     collector.setMedium(&m_mediaQueryEvaluator);
374
375     if (matchingBehavior == MatchOnlyUserAgentRules)
376         collector.matchUARules();
377     else
378         collector.matchAllRules(m_matchAuthorAndUserStyles, matchingBehavior != MatchAllRulesExcludingSMIL);
379
380     if (collector.matchedPseudoElementIds())
381         style.setHasPseudoStyles(collector.matchedPseudoElementIds());
382
383     // This is required for style sharing.
384     if (collector.didMatchUncommonAttributeSelector())
385         style.setUnique();
386
387     auto elementStyleRelations = Style::commitRelationsToRenderStyle(style, element, collector.styleRelations());
388
389     applyMatchedProperties(collector.matchedResult(), element);
390
391     // Clean up our style object's display and text decorations (among other fixups).
392     adjustRenderStyle(*state.style(), *state.parentStyle(), parentBoxStyle, &element);
393
394     if (state.style()->hasViewportUnits())
395         document().setHasStyleWithViewportUnits();
396
397     state.clear(); // Clear out for the next resolve.
398
399     return { state.takeStyle(), WTFMove(elementStyleRelations) };
400 }
401
402 std::unique_ptr<RenderStyle> StyleResolver::styleForKeyframe(const RenderStyle* elementStyle, const StyleRuleKeyframe* keyframe, KeyframeValue& keyframeValue)
403 {
404     RELEASE_ASSERT(!m_isDeleted);
405
406     MatchResult result;
407     result.addMatchedProperties(keyframe->properties());
408
409     ASSERT(!m_state.style());
410
411     State& state = m_state;
412
413     // Create the style
414     state.setStyle(RenderStyle::clonePtr(*elementStyle));
415     state.setParentStyle(RenderStyle::clonePtr(*elementStyle));
416
417     TextDirection direction;
418     WritingMode writingMode;
419     extractDirectionAndWritingMode(*state.style(), result, direction, writingMode);
420
421     // We don't need to bother with !important. Since there is only ever one
422     // decl, there's nothing to override. So just add the first properties.
423     CascadedProperties cascade(direction, writingMode);
424     cascade.addNormalMatches(result, 0, result.matchedProperties().size() - 1);
425
426     // Resolve custom properties first.
427     applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom, &result);
428
429     applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty, &result);
430
431     // If our font got dirtied, update it now.
432     updateFont();
433
434     // Now do rest of the properties.
435     applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty, &result);
436
437     // If our font got dirtied by one of the non-essential font props, update it a second time.
438     updateFont();
439
440     cascade.applyDeferredProperties(*this, &result);
441
442     adjustRenderStyle(*state.style(), *state.parentStyle(), nullptr, nullptr);
443
444     // Add all the animating properties to the keyframe.
445     unsigned propertyCount = keyframe->properties().propertyCount();
446     for (unsigned i = 0; i < propertyCount; ++i) {
447         CSSPropertyID property = keyframe->properties().propertyAt(i).id();
448         // Timing-function within keyframes is special, because it is not animated; it just
449         // describes the timing function between this keyframe and the next.
450         if (property != CSSPropertyAnimationTimingFunction)
451             keyframeValue.addProperty(property);
452     }
453
454     return state.takeStyle();
455 }
456
457 void StyleResolver::keyframeStylesForAnimation(const Element& element, const RenderStyle* elementStyle, KeyframeList& list)
458 {
459     list.clear();
460
461     // Get the keyframesRule for this name.
462     if (list.animationName().isEmpty())
463         return;
464
465     m_keyframesRuleMap.checkConsistency();
466
467     KeyframesRuleMap::iterator it = m_keyframesRuleMap.find(list.animationName().impl());
468     if (it == m_keyframesRuleMap.end())
469         return;
470
471     const StyleRuleKeyframes* keyframesRule = it->value.get();
472
473     auto* keyframes = &keyframesRule->keyframes();
474     Vector<Ref<StyleRuleKeyframe>> newKeyframesIfNecessary;
475
476     bool hasDuplicateKeys = false;
477     HashSet<double> keyframeKeys;
478     for (auto& keyframe : *keyframes) {
479         for (auto key : keyframe->keys()) {
480             if (!keyframeKeys.add(key)) {
481                 hasDuplicateKeys = true;
482                 break;
483             }
484         }
485         if (hasDuplicateKeys)
486             break;
487     }
488
489     // FIXME: If HashMaps could have Ref<> as value types, we wouldn't need
490     // to copy the HashMap into a Vector.
491     if (hasDuplicateKeys) {
492         // Merge duplicate key times.
493         HashMap<double, RefPtr<StyleRuleKeyframe>> keyframesMap;
494
495         for (auto& originalKeyframe : keyframesRule->keyframes()) {
496             for (auto key : originalKeyframe->keys()) {
497                 if (auto keyframe = keyframesMap.get(key))
498                     keyframe->mutableProperties().mergeAndOverrideOnConflict(originalKeyframe->properties());
499                 else {
500                     auto StyleRuleKeyframe = StyleRuleKeyframe::create(MutableStyleProperties::create());
501                     StyleRuleKeyframe.ptr()->setKey(key);
502                     StyleRuleKeyframe.ptr()->mutableProperties().mergeAndOverrideOnConflict(originalKeyframe->properties());
503                     keyframesMap.set(key, StyleRuleKeyframe.ptr());
504                 }
505             }
506         }
507
508         for (auto& keyframe : keyframesMap.values())
509             newKeyframesIfNecessary.append(*keyframe.get());
510
511         keyframes = &newKeyframesIfNecessary;
512     }
513
514     // Construct and populate the style for each keyframe.
515     for (auto& keyframe : *keyframes) {
516         // Apply the declaration to the style. This is a simplified version of the logic in styleForElement.
517         m_state = State(element, nullptr);
518
519         // Add this keyframe style to all the indicated key times
520         for (auto key : keyframe->keys()) {
521             KeyframeValue keyframeValue(0, nullptr);
522             keyframeValue.setStyle(styleForKeyframe(elementStyle, keyframe.ptr(), keyframeValue));
523             keyframeValue.setKey(key);
524             list.insert(WTFMove(keyframeValue));
525         }
526     }
527
528     // If the 0% keyframe is missing, create it (but only if there is at least one other keyframe).
529     int initialListSize = list.size();
530     if (initialListSize > 0 && list[0].key()) {
531         static StyleRuleKeyframe* zeroPercentKeyframe;
532         if (!zeroPercentKeyframe) {
533             zeroPercentKeyframe = &StyleRuleKeyframe::create(MutableStyleProperties::create()).leakRef();
534             zeroPercentKeyframe->setKey(0);
535         }
536         KeyframeValue keyframeValue(0, nullptr);
537         keyframeValue.setStyle(styleForKeyframe(elementStyle, zeroPercentKeyframe, keyframeValue));
538         list.insert(WTFMove(keyframeValue));
539     }
540
541     // If the 100% keyframe is missing, create it (but only if there is at least one other keyframe).
542     if (initialListSize > 0 && (list[list.size() - 1].key() != 1)) {
543         static StyleRuleKeyframe* hundredPercentKeyframe;
544         if (!hundredPercentKeyframe) {
545             hundredPercentKeyframe = &StyleRuleKeyframe::create(MutableStyleProperties::create()).leakRef();
546             hundredPercentKeyframe->setKey(1);
547         }
548         KeyframeValue keyframeValue(1, nullptr);
549         keyframeValue.setStyle(styleForKeyframe(elementStyle, hundredPercentKeyframe, keyframeValue));
550         list.insert(WTFMove(keyframeValue));
551     }
552 }
553
554 std::unique_ptr<RenderStyle> StyleResolver::pseudoStyleForElement(const Element& element, const PseudoStyleRequest& pseudoStyleRequest, const RenderStyle& parentStyle)
555 {
556     m_state = State(element, &parentStyle);
557
558     State& state = m_state;
559
560     if (m_state.parentStyle()) {
561         state.setStyle(RenderStyle::createPtr());
562         state.style()->inheritFrom(*m_state.parentStyle());
563     } else {
564         state.setStyle(defaultStyleForElement());
565         state.setParentStyle(RenderStyle::clonePtr(*state.style()));
566     }
567
568     // Since we don't use pseudo-elements in any of our quirk/print user agent rules, don't waste time walking
569     // those rules.
570
571     // Check UA, user and author rules.
572     ElementRuleCollector collector(element, m_ruleSets, m_state.selectorFilter());
573     collector.setPseudoStyleRequest(pseudoStyleRequest);
574     collector.setMedium(&m_mediaQueryEvaluator);
575     collector.matchUARules();
576
577     if (m_matchAuthorAndUserStyles) {
578         collector.matchUserRules(false);
579         collector.matchAuthorRules(false);
580     }
581
582     ASSERT(!collector.matchedPseudoElementIds());
583
584     if (collector.matchedResult().matchedProperties().isEmpty())
585         return nullptr;
586
587     state.style()->setStyleType(pseudoStyleRequest.pseudoId);
588
589     applyMatchedProperties(collector.matchedResult(), element);
590
591     // Clean up our style object's display and text decorations (among other fixups).
592     adjustRenderStyle(*state.style(), *m_state.parentStyle(), nullptr, nullptr);
593
594     if (state.style()->hasViewportUnits())
595         document().setHasStyleWithViewportUnits();
596
597     // Now return the style.
598     return state.takeStyle();
599 }
600
601 std::unique_ptr<RenderStyle> StyleResolver::styleForPage(int pageIndex)
602 {
603     RELEASE_ASSERT(!m_isDeleted);
604
605     auto* documentElement = m_document.documentElement();
606     if (!documentElement)
607         return RenderStyle::createPtr();
608
609     m_state = State(*documentElement, m_document.renderStyle());
610
611     m_state.setStyle(RenderStyle::createPtr());
612     m_state.style()->inheritFrom(*m_state.rootElementStyle());
613
614     PageRuleCollector collector(m_state, m_ruleSets);
615     collector.matchAllPageRules(pageIndex);
616
617     MatchResult& result = collector.matchedResult();
618
619     TextDirection direction;
620     WritingMode writingMode;
621     extractDirectionAndWritingMode(*m_state.style(), result, direction, writingMode);
622
623     CascadedProperties cascade(direction, writingMode);
624     cascade.addNormalMatches(result, 0, result.matchedProperties().size() - 1);
625
626     // Resolve custom properties first.
627     applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom, &result);
628
629     applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty, &result);
630
631     // If our font got dirtied, update it now.
632     updateFont();
633
634     applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty, &result);
635
636     cascade.applyDeferredProperties(*this, &result);
637
638     // Now return the style.
639     return m_state.takeStyle();
640 }
641
642 std::unique_ptr<RenderStyle> StyleResolver::defaultStyleForElement()
643 {
644     m_state.setStyle(RenderStyle::createPtr());
645     // Make sure our fonts are initialized if we don't inherit them from our parent style.
646     initializeFontStyle();
647     m_state.style()->fontCascade().update(&document().fontSelector());
648     return m_state.takeStyle();
649 }
650
651 static void addIntrinsicMargins(RenderStyle& style)
652 {
653     // Intrinsic margin value.
654     const int intrinsicMargin = clampToInteger(2 * style.effectiveZoom());
655
656     // FIXME: Using width/height alone and not also dealing with min-width/max-width is flawed.
657     // FIXME: Using "hasQuirk" to decide the margin wasn't set is kind of lame.
658     if (style.width().isIntrinsicOrAuto()) {
659         if (style.marginLeft().hasQuirk())
660             style.setMarginLeft(Length(intrinsicMargin, Fixed));
661         if (style.marginRight().hasQuirk())
662             style.setMarginRight(Length(intrinsicMargin, Fixed));
663     }
664
665     if (style.height().isAuto()) {
666         if (style.marginTop().hasQuirk())
667             style.setMarginTop(Length(intrinsicMargin, Fixed));
668         if (style.marginBottom().hasQuirk())
669             style.setMarginBottom(Length(intrinsicMargin, Fixed));
670     }
671 }
672
673 static EDisplay equivalentBlockDisplay(const RenderStyle& style, const Document& document)
674 {
675     switch (auto display = style.display()) {
676     case BLOCK:
677     case TABLE:
678     case BOX:
679     case FLEX:
680     case WEBKIT_FLEX:
681     case GRID:
682         return display;
683
684     case LIST_ITEM:
685         // It is a WinIE bug that floated list items lose their bullets, so we'll emulate the quirk, but only in quirks mode.
686         if (document.inQuirksMode() && style.isFloating())
687             return BLOCK;
688         return display;
689     case INLINE_TABLE:
690         return TABLE;
691     case INLINE_BOX:
692         return BOX;
693     case INLINE_FLEX:
694     case WEBKIT_INLINE_FLEX:
695         return FLEX;
696     case INLINE_GRID:
697         return GRID;
698
699     case INLINE:
700     case COMPACT:
701     case INLINE_BLOCK:
702     case TABLE_ROW_GROUP:
703     case TABLE_HEADER_GROUP:
704     case TABLE_FOOTER_GROUP:
705     case TABLE_ROW:
706     case TABLE_COLUMN_GROUP:
707     case TABLE_COLUMN:
708     case TABLE_CELL:
709     case TABLE_CAPTION:
710         return BLOCK;
711     case CONTENTS:
712         ASSERT_NOT_REACHED();
713         return CONTENTS;
714     case NONE:
715         ASSERT_NOT_REACHED();
716         return NONE;
717     }
718     ASSERT_NOT_REACHED();
719     return BLOCK;
720 }
721
722 // CSS requires text-decoration to be reset at each DOM element for tables, 
723 // inline blocks, inline tables, shadow DOM crossings, floating elements,
724 // and absolute or relatively positioned elements.
725 static bool doesNotInheritTextDecoration(const RenderStyle& style, const Element* element)
726 {
727     return style.display() == TABLE || style.display() == INLINE_TABLE
728         || style.display() == INLINE_BLOCK || style.display() == INLINE_BOX || (element && isAtShadowBoundary(*element))
729         || style.isFloating() || style.hasOutOfFlowPosition();
730 }
731
732 #if ENABLE(ACCELERATED_OVERFLOW_SCROLLING)
733 static bool isScrollableOverflow(EOverflow overflow)
734 {
735     return overflow == OSCROLL || overflow == OAUTO || overflow == OOVERLAY;
736 }
737 #endif
738
739 void StyleResolver::adjustStyleForInterCharacterRuby()
740 {
741     RenderStyle* style = m_state.style();
742     if (style->rubyPosition() != RubyPositionInterCharacter || !m_state.element() || !m_state.element()->hasTagName(rtTag))
743         return;
744     style->setTextAlign(CENTER);
745     if (style->isHorizontalWritingMode())
746         style->setWritingMode(LeftToRightWritingMode);
747 }
748
749 static bool hasEffectiveDisplayNoneForDisplayContents(const Element& element)
750 {
751     // https://drafts.csswg.org/css-display-3/#unbox-html
752     static NeverDestroyed<HashSet<AtomicString>> tagNames = [] {
753         static const HTMLQualifiedName* const tagList[] = {
754             &brTag,
755             &wbrTag,
756             &meterTag,
757             &appletTag,
758             &progressTag,
759             &canvasTag,
760             &embedTag,
761             &objectTag,
762             &audioTag,
763             &iframeTag,
764             &imgTag,
765             &videoTag,
766             &frameTag,
767             &framesetTag,
768             &inputTag,
769             &textareaTag,
770             &selectTag,
771         };
772         HashSet<AtomicString> set;
773         for (auto& name : tagList)
774             set.add(name->localName());
775         return set;
776     }();
777
778     // https://drafts.csswg.org/css-display-3/#unbox-svg
779     // FIXME: <g>, <use> and <tspan> have special (?) behavior for display:contents in the current draft spec.
780     if (is<SVGElement>(element))
781         return true;
782     // Not sure MathML code can handle it.
783     if (is<MathMLElement>(element))
784         return true;
785     if (!is<HTMLElement>(element))
786         return false;
787     return tagNames.get().contains(element.localName());
788 }
789
790 void StyleResolver::adjustRenderStyle(RenderStyle& style, const RenderStyle& parentStyle, const RenderStyle* parentBoxStyle, const Element* element)
791 {
792     // If the composed tree parent has display:contents, the parent box style will be different from the parent style.
793     // We don't have it when resolving computed style for display:none subtree. Use parent style for adjustments in that case.
794     if (!parentBoxStyle)
795         parentBoxStyle = &parentStyle;
796
797     // Cache our original display.
798     style.setOriginalDisplay(style.display());
799
800     if (style.display() == CONTENTS) {
801         bool elementSupportsDisplayContents = is<HTMLSlotElement>(element) || RuntimeEnabledFeatures::sharedFeatures().displayContentsEnabled();
802         if (!elementSupportsDisplayContents)
803             style.setDisplay(INLINE);
804         else if (!element || hasEffectiveDisplayNoneForDisplayContents(*element))
805             style.setDisplay(NONE);
806     }
807
808     if (style.display() != NONE && style.display() != CONTENTS) {
809         if (element) {
810             // If we have a <td> that specifies a float property, in quirks mode we just drop the float
811             // property.
812             // Sites also commonly use display:inline/block on <td>s and <table>s. In quirks mode we force
813             // these tags to retain their display types.
814             if (document().inQuirksMode()) {
815                 if (element->hasTagName(tdTag)) {
816                     style.setDisplay(TABLE_CELL);
817                     style.setFloating(NoFloat);
818                 } else if (is<HTMLTableElement>(*element))
819                     style.setDisplay(style.isDisplayInlineType() ? INLINE_TABLE : TABLE);
820             }
821
822             if (element->hasTagName(tdTag) || element->hasTagName(thTag)) {
823                 if (style.whiteSpace() == KHTML_NOWRAP) {
824                     // Figure out if we are really nowrapping or if we should just
825                     // use normal instead. If the width of the cell is fixed, then
826                     // we don't actually use NOWRAP.
827                     if (style.width().isFixed())
828                         style.setWhiteSpace(NORMAL);
829                     else
830                         style.setWhiteSpace(NOWRAP);
831                 }
832             }
833
834             // Tables never support the -webkit-* values for text-align and will reset back to the default.
835             if (is<HTMLTableElement>(*element) && (style.textAlign() == WEBKIT_LEFT || style.textAlign() == WEBKIT_CENTER || style.textAlign() == WEBKIT_RIGHT))
836                 style.setTextAlign(TASTART);
837
838             // Frames and framesets never honor position:relative or position:absolute. This is necessary to
839             // fix a crash where a site tries to position these objects. They also never honor display.
840             if (element->hasTagName(frameTag) || element->hasTagName(framesetTag)) {
841                 style.setPosition(StaticPosition);
842                 style.setDisplay(BLOCK);
843             }
844
845             // Ruby text does not support float or position. This might change with evolution of the specification.
846             if (element->hasTagName(rtTag)) {
847                 style.setPosition(StaticPosition);
848                 style.setFloating(NoFloat);
849             }
850
851             // User agents are expected to have a rule in their user agent stylesheet that matches th elements that have a parent
852             // node whose computed value for the 'text-align' property is its initial value, whose declaration block consists of
853             // just a single declaration that sets the 'text-align' property to the value 'center'.
854             // https://html.spec.whatwg.org/multipage/rendering.html#rendering
855             if (element->hasTagName(thTag) && !style.hasExplicitlySetTextAlign() && parentStyle.textAlign() == RenderStyle::initialTextAlign())
856                 style.setTextAlign(CENTER);
857
858             if (element->hasTagName(legendTag))
859                 style.setDisplay(BLOCK);
860         }
861
862         // Absolute/fixed positioned elements, floating elements and the document element need block-like outside display.
863         if (style.hasOutOfFlowPosition() || style.isFloating() || (element && element->document().documentElement() == element))
864             style.setDisplay(equivalentBlockDisplay(style, document()));
865
866         // FIXME: Don't support this mutation for pseudo styles like first-letter or first-line, since it's not completely
867         // clear how that should work.
868         if (style.display() == INLINE && style.styleType() == NOPSEUDO && style.writingMode() != parentStyle.writingMode())
869             style.setDisplay(INLINE_BLOCK);
870
871         // After performing the display mutation, check table rows. We do not honor position:relative or position:sticky on
872         // table rows or cells. This has been established for position:relative in CSS2.1 (and caused a crash in containingBlock()
873         // on some sites).
874         if ((style.display() == TABLE_HEADER_GROUP || style.display() == TABLE_ROW_GROUP
875             || style.display() == TABLE_FOOTER_GROUP || style.display() == TABLE_ROW)
876             && style.position() == RelativePosition)
877             style.setPosition(StaticPosition);
878
879         // writing-mode does not apply to table row groups, table column groups, table rows, and table columns.
880         // FIXME: Table cells should be allowed to be perpendicular or flipped with respect to the table, though.
881         if (style.display() == TABLE_COLUMN || style.display() == TABLE_COLUMN_GROUP || style.display() == TABLE_FOOTER_GROUP
882             || style.display() == TABLE_HEADER_GROUP || style.display() == TABLE_ROW || style.display() == TABLE_ROW_GROUP
883             || style.display() == TABLE_CELL)
884             style.setWritingMode(parentStyle.writingMode());
885
886         // FIXME: Since we don't support block-flow on flexible boxes yet, disallow setting
887         // of block-flow to anything other than TopToBottomWritingMode.
888         // https://bugs.webkit.org/show_bug.cgi?id=46418 - Flexible box support.
889         if (style.writingMode() != TopToBottomWritingMode && (style.display() == BOX || style.display() == INLINE_BOX))
890             style.setWritingMode(TopToBottomWritingMode);
891
892         // https://www.w3.org/TR/css-display/#transformations
893         // "A parent with a grid or flex display value blockifies the box’s display type."
894         if (parentBoxStyle->isDisplayFlexibleOrGridBox()) {
895             style.setFloating(NoFloat);
896             style.setDisplay(equivalentBlockDisplay(style, document()));
897         }
898     }
899
900     // Make sure our z-index value is only applied if the object is positioned.
901     if (style.position() == StaticPosition && !parentBoxStyle->isDisplayFlexibleOrGridBox())
902         style.setHasAutoZIndex();
903
904     // Auto z-index becomes 0 for the root element and transparent objects. This prevents
905     // cases where objects that should be blended as a single unit end up with a non-transparent
906     // object wedged in between them. Auto z-index also becomes 0 for objects that specify transforms/masks/reflections.
907     if (style.hasAutoZIndex()) {
908         if ((element && element->document().documentElement() == element)
909             || style.opacity() < 1.0f
910             || style.hasTransformRelatedProperty()
911             || style.hasMask()
912             || style.clipPath()
913             || style.boxReflect()
914             || style.hasFilter()
915 #if ENABLE(FILTERS_LEVEL_2)
916             || style.hasBackdropFilter()
917 #endif
918             || style.hasBlendMode()
919             || style.hasIsolation()
920             || style.position() == StickyPosition
921             || style.position() == FixedPosition
922             || style.willChangeCreatesStackingContext())
923             style.setZIndex(0);
924     }
925
926     if (element) {
927         // Textarea considers overflow visible as auto.
928         if (is<HTMLTextAreaElement>(*element)) {
929             style.setOverflowX(style.overflowX() == OVISIBLE ? OAUTO : style.overflowX());
930             style.setOverflowY(style.overflowY() == OVISIBLE ? OAUTO : style.overflowY());
931         }
932
933         // Disallow -webkit-user-modify on :pseudo and ::pseudo elements.
934         if (!element->shadowPseudoId().isNull())
935             style.setUserModify(READ_ONLY);
936
937         if (is<HTMLMarqueeElement>(*element)) {
938             // For now, <marquee> requires an overflow clip to work properly.
939             style.setOverflowX(OHIDDEN);
940             style.setOverflowY(OHIDDEN);
941
942             bool isVertical = style.marqueeDirection() == MUP || style.marqueeDirection() == MDOWN;
943             // Make horizontal marquees not wrap.
944             if (!isVertical) {
945                 style.setWhiteSpace(NOWRAP);
946                 style.setTextAlign(TASTART);
947             }
948             // Apparently this is the expected legacy behavior.
949             if (isVertical && style.height().isAuto())
950                 style.setHeight(Length(200, Fixed));
951         }
952     }
953
954     if (doesNotInheritTextDecoration(style, element))
955         style.setTextDecorationsInEffect(style.textDecoration());
956     else
957         style.addToTextDecorationsInEffect(style.textDecoration());
958
959     // If either overflow value is not visible, change to auto.
960     if (style.overflowX() == OVISIBLE && style.overflowY() != OVISIBLE) {
961         // FIXME: Once we implement pagination controls, overflow-x should default to hidden
962         // if overflow-y is set to -webkit-paged-x or -webkit-page-y. For now, we'll let it
963         // default to auto so we can at least scroll through the pages.
964         style.setOverflowX(OAUTO);
965     } else if (style.overflowY() == OVISIBLE && style.overflowX() != OVISIBLE)
966         style.setOverflowY(OAUTO);
967
968     // Call setStylesForPaginationMode() if a pagination mode is set for any non-root elements. If these
969     // styles are specified on a root element, then they will be incorporated in
970     // Style::createForDocument().
971     if ((style.overflowY() == OPAGEDX || style.overflowY() == OPAGEDY) && !(element && (element->hasTagName(htmlTag) || element->hasTagName(bodyTag))))
972         style.setColumnStylesFromPaginationMode(WebCore::paginationModeForRenderStyle(style));
973
974     // Table rows, sections and the table itself will support overflow:hidden and will ignore scroll/auto.
975     // FIXME: Eventually table sections will support auto and scroll.
976     if (style.display() == TABLE || style.display() == INLINE_TABLE
977         || style.display() == TABLE_ROW_GROUP || style.display() == TABLE_ROW) {
978         if (style.overflowX() != OVISIBLE && style.overflowX() != OHIDDEN)
979             style.setOverflowX(OVISIBLE);
980         if (style.overflowY() != OVISIBLE && style.overflowY() != OHIDDEN)
981             style.setOverflowY(OVISIBLE);
982     }
983
984     // Menulists should have visible overflow
985     if (style.appearance() == MenulistPart) {
986         style.setOverflowX(OVISIBLE);
987         style.setOverflowY(OVISIBLE);
988     }
989
990 #if ENABLE(ACCELERATED_OVERFLOW_SCROLLING)
991     // Touch overflow scrolling creates a stacking context.
992     if (style.hasAutoZIndex() && style.useTouchOverflowScrolling() && (isScrollableOverflow(style.overflowX()) || isScrollableOverflow(style.overflowY())))
993         style.setZIndex(0);
994 #endif
995
996     // Cull out any useless layers and also repeat patterns into additional layers.
997     style.adjustBackgroundLayers();
998     style.adjustMaskLayers();
999
1000     // Do the same for animations and transitions.
1001     style.adjustAnimations();
1002     style.adjustTransitions();
1003
1004     // Important: Intrinsic margins get added to controls before the theme has adjusted the style, since the theme will
1005     // alter fonts and heights/widths.
1006     if (is<HTMLFormControlElement>(element) && style.computedFontPixelSize() >= 11) {
1007         // Don't apply intrinsic margins to image buttons. The designer knows how big the images are,
1008         // so we have to treat all image buttons as though they were explicitly sized.
1009         if (!is<HTMLInputElement>(*element) || !downcast<HTMLInputElement>(*element).isImageButton())
1010             addIntrinsicMargins(style);
1011     }
1012
1013     // Let the theme also have a crack at adjusting the style.
1014     if (style.hasAppearance())
1015         RenderTheme::singleton().adjustStyle(*this, style, element, m_state.hasUAAppearance(), m_state.borderData(), m_state.backgroundData(), m_state.backgroundColor());
1016
1017     // If we have first-letter pseudo style, do not share this style.
1018     if (style.hasPseudoStyle(FIRST_LETTER))
1019         style.setUnique();
1020
1021     // FIXME: when dropping the -webkit prefix on transform-style, we should also have opacity < 1 cause flattening.
1022     if (style.preserves3D() && (style.overflowX() != OVISIBLE
1023         || style.overflowY() != OVISIBLE
1024         || style.hasClip()
1025         || style.clipPath()
1026         || style.hasFilter()
1027 #if ENABLE(FILTERS_LEVEL_2)
1028         || style.hasBackdropFilter()
1029 #endif
1030         || style.hasBlendMode()))
1031         style.setTransformStyle3D(TransformStyle3DFlat);
1032
1033     if (is<SVGElement>(element)) {
1034         // Only the root <svg> element in an SVG document fragment tree honors css position
1035         if (!(element->hasTagName(SVGNames::svgTag) && element->parentNode() && !element->parentNode()->isSVGElement()))
1036             style.setPosition(RenderStyle::initialPosition());
1037
1038         // RenderSVGRoot handles zooming for the whole SVG subtree, so foreignObject content should
1039         // not be scaled again.
1040         if (element->hasTagName(SVGNames::foreignObjectTag))
1041             style.setEffectiveZoom(RenderStyle::initialZoom());
1042
1043         // SVG text layout code expects us to be a block-level style element.
1044         if ((element->hasTagName(SVGNames::foreignObjectTag) || element->hasTagName(SVGNames::textTag)) && style.isDisplayInlineType())
1045             style.setDisplay(BLOCK);
1046     }
1047
1048     // If the inherited value of justify-items includes the 'legacy' keyword,
1049     // 'auto' computes to the the inherited value. Otherwise, 'auto' computes to
1050     // 'normal'.
1051     if (style.justifyItems().position() == ItemPositionAuto) {
1052         if (parentBoxStyle->justifyItems().positionType() == LegacyPosition)
1053             style.setJustifyItems(parentBoxStyle->justifyItems());
1054     }
1055 }
1056
1057 static void checkForOrientationChange(RenderStyle* style)
1058 {
1059     FontOrientation fontOrientation;
1060     NonCJKGlyphOrientation glyphOrientation;
1061     std::tie(fontOrientation, glyphOrientation) = style->fontAndGlyphOrientation();
1062
1063     const auto& fontDescription = style->fontDescription();
1064     if (fontDescription.orientation() == fontOrientation && fontDescription.nonCJKGlyphOrientation() == glyphOrientation)
1065         return;
1066
1067     auto newFontDescription = fontDescription;
1068     newFontDescription.setNonCJKGlyphOrientation(glyphOrientation);
1069     newFontDescription.setOrientation(fontOrientation);
1070     style->setFontDescription(newFontDescription);
1071 }
1072
1073 void StyleResolver::updateFont()
1074 {
1075     if (!m_state.fontDirty())
1076         return;
1077
1078     RenderStyle* style = m_state.style();
1079 #if ENABLE(TEXT_AUTOSIZING)
1080     checkForTextSizeAdjust(style);
1081 #endif
1082     checkForGenericFamilyChange(style, m_state.parentStyle());
1083     checkForZoomChange(style, m_state.parentStyle());
1084     checkForOrientationChange(style);
1085     style->fontCascade().update(&document().fontSelector());
1086     if (m_state.fontSizeHasViewportUnits())
1087         style->setHasViewportUnits(true);
1088     m_state.setFontDirty(false);
1089 }
1090
1091 Vector<RefPtr<StyleRule>> StyleResolver::styleRulesForElement(const Element* element, unsigned rulesToInclude)
1092 {
1093     return pseudoStyleRulesForElement(element, NOPSEUDO, rulesToInclude);
1094 }
1095
1096 Vector<RefPtr<StyleRule>> StyleResolver::pseudoStyleRulesForElement(const Element* element, PseudoId pseudoId, unsigned rulesToInclude)
1097 {
1098     if (!element)
1099         return { };
1100
1101     m_state = State(*element, nullptr);
1102
1103     ElementRuleCollector collector(*element, m_ruleSets, m_state.selectorFilter());
1104     collector.setMode(SelectorChecker::Mode::CollectingRules);
1105     collector.setPseudoStyleRequest(PseudoStyleRequest(pseudoId));
1106     collector.setMedium(&m_mediaQueryEvaluator);
1107
1108     if (rulesToInclude & UAAndUserCSSRules) {
1109         // First we match rules from the user agent sheet.
1110         collector.matchUARules();
1111
1112         // Now we check user sheet rules.
1113         if (m_matchAuthorAndUserStyles)
1114             collector.matchUserRules(rulesToInclude & EmptyCSSRules);
1115     }
1116
1117     if (m_matchAuthorAndUserStyles && (rulesToInclude & AuthorCSSRules)) {
1118         collector.setSameOriginOnly(!(rulesToInclude & CrossOriginCSSRules));
1119
1120         // Check the rules in author sheets.
1121         collector.matchAuthorRules(rulesToInclude & EmptyCSSRules);
1122     }
1123
1124     return collector.matchedRuleList();
1125 }
1126
1127 static bool shouldApplyPropertyInParseOrder(CSSPropertyID propertyID)
1128 {
1129     switch (propertyID) {
1130     case CSSPropertyWebkitBackgroundClip:
1131     case CSSPropertyBackgroundClip:
1132     case CSSPropertyWebkitBackgroundOrigin:
1133     case CSSPropertyBackgroundOrigin:
1134     case CSSPropertyWebkitBackgroundSize:
1135     case CSSPropertyBackgroundSize:
1136     case CSSPropertyWebkitBorderImage:
1137     case CSSPropertyBorderImage:
1138     case CSSPropertyBorderImageSlice:
1139     case CSSPropertyBorderImageSource:
1140     case CSSPropertyBorderImageOutset:
1141     case CSSPropertyBorderImageRepeat:
1142     case CSSPropertyBorderImageWidth:
1143     case CSSPropertyWebkitBoxShadow:
1144     case CSSPropertyBoxShadow:
1145     case CSSPropertyWebkitTextDecoration:
1146     case CSSPropertyWebkitTextDecorationLine:
1147     case CSSPropertyWebkitTextDecorationStyle:
1148     case CSSPropertyWebkitTextDecorationColor:
1149     case CSSPropertyWebkitTextDecorationSkip:
1150     case CSSPropertyWebkitTextUnderlinePosition:
1151     case CSSPropertyTextDecoration:
1152         return true;
1153     default:
1154         return false;
1155     }
1156 }
1157
1158 static bool elementTypeHasAppearanceFromUAStyle(const Element& element)
1159 {
1160     // NOTE: This is just a hard-coded list of elements that have some -webkit-appearance value in html.css
1161     const auto& localName = element.localName();
1162     return localName == HTMLNames::inputTag
1163         || localName == HTMLNames::textareaTag
1164         || localName == HTMLNames::buttonTag
1165         || localName == HTMLNames::progressTag
1166         || localName == HTMLNames::selectTag
1167         || localName == HTMLNames::meterTag;
1168 }
1169
1170 unsigned StyleResolver::computeMatchedPropertiesHash(const MatchedProperties* properties, unsigned size)
1171 {
1172     return StringHasher::hashMemory(properties, sizeof(MatchedProperties) * size);
1173 }
1174
1175 bool operator==(const StyleResolver::MatchRanges& a, const StyleResolver::MatchRanges& b)
1176 {
1177     return a.firstUARule == b.firstUARule
1178         && a.lastUARule == b.lastUARule
1179         && a.firstAuthorRule == b.firstAuthorRule
1180         && a.lastAuthorRule == b.lastAuthorRule
1181         && a.firstUserRule == b.firstUserRule
1182         && a.lastUserRule == b.lastUserRule;
1183 }
1184
1185 bool operator!=(const StyleResolver::MatchRanges& a, const StyleResolver::MatchRanges& b)
1186 {
1187     return !(a == b);
1188 }
1189
1190 bool operator==(const StyleResolver::MatchedProperties& a, const StyleResolver::MatchedProperties& b)
1191 {
1192     return a.properties == b.properties && a.linkMatchType == b.linkMatchType;
1193 }
1194
1195 bool operator!=(const StyleResolver::MatchedProperties& a, const StyleResolver::MatchedProperties& b)
1196 {
1197     return !(a == b);
1198 }
1199
1200 const StyleResolver::MatchedPropertiesCacheItem* StyleResolver::findFromMatchedPropertiesCache(unsigned hash, const MatchResult& matchResult)
1201 {
1202     ASSERT(hash);
1203
1204     MatchedPropertiesCache::iterator it = m_matchedPropertiesCache.find(hash);
1205     if (it == m_matchedPropertiesCache.end())
1206         return nullptr;
1207     MatchedPropertiesCacheItem& cacheItem = it->value;
1208
1209     size_t size = matchResult.matchedProperties().size();
1210     if (size != cacheItem.matchedProperties.size())
1211         return nullptr;
1212     for (size_t i = 0; i < size; ++i) {
1213         if (matchResult.matchedProperties()[i] != cacheItem.matchedProperties[i])
1214             return nullptr;
1215     }
1216     if (cacheItem.ranges != matchResult.ranges)
1217         return nullptr;
1218     return &cacheItem;
1219 }
1220
1221 void StyleResolver::addToMatchedPropertiesCache(const RenderStyle* style, const RenderStyle* parentStyle, unsigned hash, const MatchResult& matchResult)
1222 {
1223     static const unsigned matchedDeclarationCacheAdditionsBetweenSweeps = 100;
1224     if (++m_matchedPropertiesCacheAdditionsSinceLastSweep >= matchedDeclarationCacheAdditionsBetweenSweeps
1225         && !m_matchedPropertiesCacheSweepTimer.isActive()) {
1226         static const Seconds matchedDeclarationCacheSweepTime { 1_min };
1227         m_matchedPropertiesCacheSweepTimer.startOneShot(matchedDeclarationCacheSweepTime);
1228     }
1229
1230     ASSERT(hash);
1231     MatchedPropertiesCacheItem cacheItem;
1232     cacheItem.matchedProperties.appendVector(matchResult.matchedProperties());
1233     cacheItem.ranges = matchResult.ranges;
1234     // Note that we don't cache the original RenderStyle instance. It may be further modified.
1235     // The RenderStyle in the cache is really just a holder for the substructures and never used as-is.
1236     cacheItem.renderStyle = RenderStyle::clonePtr(*style);
1237     cacheItem.parentRenderStyle = RenderStyle::clonePtr(*parentStyle);
1238     m_matchedPropertiesCache.add(hash, WTFMove(cacheItem));
1239 }
1240
1241 void StyleResolver::invalidateMatchedPropertiesCache()
1242 {
1243     m_matchedPropertiesCache.clear();
1244 }
1245
1246 void StyleResolver::clearCachedPropertiesAffectedByViewportUnits()
1247 {
1248     Vector<unsigned, 16> toRemove;
1249     for (auto& cacheKeyValue : m_matchedPropertiesCache) {
1250         if (cacheKeyValue.value.renderStyle->hasViewportUnits())
1251             toRemove.append(cacheKeyValue.key);
1252     }
1253     for (auto key : toRemove)
1254         m_matchedPropertiesCache.remove(key);
1255 }
1256
1257 static bool isCacheableInMatchedPropertiesCache(const Element& element, const RenderStyle* style, const RenderStyle* parentStyle)
1258 {
1259     // FIXME: Writing mode and direction properties modify state when applying to document element by calling
1260     // Document::setWritingMode/DirectionSetOnDocumentElement. We can't skip the applying by caching.
1261     if (&element == element.document().documentElement())
1262         return false;
1263     // content:attr() value depends on the element it is being applied to.
1264     if (style->hasAttrContent() || (style->styleType() != NOPSEUDO && parentStyle->hasAttrContent()))
1265         return false;
1266     if (style->hasAppearance())
1267         return false;
1268     if (style->zoom() != RenderStyle::initialZoom())
1269         return false;
1270     if (style->writingMode() != RenderStyle::initialWritingMode() || style->direction() != RenderStyle::initialDirection())
1271         return false;
1272     // The cache assumes static knowledge about which properties are inherited.
1273     if (style->hasExplicitlyInheritedProperties())
1274         return false;
1275     return true;
1276 }
1277
1278 void extractDirectionAndWritingMode(const RenderStyle& style, const StyleResolver::MatchResult& matchResult, TextDirection& direction, WritingMode& writingMode)
1279 {
1280     direction = style.direction();
1281     writingMode = style.writingMode();
1282
1283     bool hadImportantWritingMode = false;
1284     bool hadImportantDirection = false;
1285
1286     for (const auto& matchedProperties : matchResult.matchedProperties()) {
1287         for (unsigned i = 0, count = matchedProperties.properties->propertyCount(); i < count; ++i) {
1288             auto property = matchedProperties.properties->propertyAt(i);
1289             if (!property.value()->isPrimitiveValue())
1290                 continue;
1291             switch (property.id()) {
1292             case CSSPropertyWritingMode:
1293                 if (!hadImportantWritingMode || property.isImportant()) {
1294                     writingMode = downcast<CSSPrimitiveValue>(*property.value());
1295                     hadImportantWritingMode = property.isImportant();
1296                 }
1297                 break;
1298             case CSSPropertyDirection:
1299                 if (!hadImportantDirection || property.isImportant()) {
1300                     direction = downcast<CSSPrimitiveValue>(*property.value());
1301                     hadImportantDirection = property.isImportant();
1302                 }
1303                 break;
1304             default:
1305                 break;
1306             }
1307         }
1308     }
1309 }
1310
1311 void StyleResolver::applyMatchedProperties(const MatchResult& matchResult, const Element& element, ShouldUseMatchedPropertiesCache shouldUseMatchedPropertiesCache)
1312 {
1313     State& state = m_state;
1314     unsigned cacheHash = shouldUseMatchedPropertiesCache && matchResult.isCacheable ? computeMatchedPropertiesHash(matchResult.matchedProperties().data(), matchResult.matchedProperties().size()) : 0;
1315     bool applyInheritedOnly = false;
1316     const MatchedPropertiesCacheItem* cacheItem = nullptr;
1317     if (cacheHash && (cacheItem = findFromMatchedPropertiesCache(cacheHash, matchResult))
1318         && isCacheableInMatchedPropertiesCache(element, state.style(), state.parentStyle())) {
1319         // We can build up the style by copying non-inherited properties from an earlier style object built using the same exact
1320         // style declarations. We then only need to apply the inherited properties, if any, as their values can depend on the 
1321         // element context. This is fast and saves memory by reusing the style data structures.
1322         state.style()->copyNonInheritedFrom(*cacheItem->renderStyle);
1323         if (state.parentStyle()->inheritedDataShared(cacheItem->parentRenderStyle.get()) && !isAtShadowBoundary(element)) {
1324             EInsideLink linkStatus = state.style()->insideLink();
1325             // If the cache item parent style has identical inherited properties to the current parent style then the
1326             // resulting style will be identical too. We copy the inherited properties over from the cache and are done.
1327             state.style()->inheritFrom(*cacheItem->renderStyle);
1328
1329             // Unfortunately the link status is treated like an inherited property. We need to explicitly restore it.
1330             state.style()->setInsideLink(linkStatus);
1331             return;
1332         }
1333         applyInheritedOnly = true; 
1334     }
1335
1336     // Directional properties (*-before/after) are aliases that depend on the TextDirection and WritingMode.
1337     // These must be resolved before we can begin the property cascade.
1338     TextDirection direction;
1339     WritingMode writingMode;
1340     extractDirectionAndWritingMode(*state.style(), matchResult, direction, writingMode);
1341
1342     if (elementTypeHasAppearanceFromUAStyle(*state.element())) {
1343         // FIXME: This is such a hack.
1344         // Find out if there's a -webkit-appearance property in effect from the UA sheet.
1345         // If so, we cache the border and background styles so that RenderTheme::adjustStyle()
1346         // can look at them later to figure out if this is a styled form control or not.
1347         CascadedProperties cascade(direction, writingMode);
1348         cascade.addNormalMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, applyInheritedOnly);
1349         cascade.addImportantMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, applyInheritedOnly);
1350
1351         applyCascadedProperties(cascade, CSSPropertyWebkitRubyPosition, CSSPropertyWebkitRubyPosition, &matchResult);
1352         adjustStyleForInterCharacterRuby();
1353
1354         // Resolve custom variables first.
1355         applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom, &matchResult);
1356
1357         // Start by applying properties that other properties may depend on.
1358         applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty, &matchResult);
1359
1360         updateFont();
1361         applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty, &matchResult);
1362
1363         state.cacheBorderAndBackground();
1364     }
1365
1366     CascadedProperties cascade(direction, writingMode);
1367     cascade.addNormalMatches(matchResult, 0, matchResult.matchedProperties().size() - 1, applyInheritedOnly);
1368     cascade.addImportantMatches(matchResult, matchResult.ranges.firstAuthorRule, matchResult.ranges.lastAuthorRule, applyInheritedOnly);
1369     cascade.addImportantMatches(matchResult, matchResult.ranges.firstUserRule, matchResult.ranges.lastUserRule, applyInheritedOnly);
1370     cascade.addImportantMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, applyInheritedOnly);
1371
1372     // Resolve custom properties first.
1373     applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom, &matchResult);
1374
1375     applyCascadedProperties(cascade, CSSPropertyWebkitRubyPosition, CSSPropertyWebkitRubyPosition, &matchResult);
1376
1377     // Adjust the font size to be smaller if ruby-position is inter-character.
1378     adjustStyleForInterCharacterRuby();
1379
1380     // Start by applying properties that other properties may depend on.
1381     applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty, &matchResult);
1382
1383     // If the effective zoom value changes, we can't use the matched properties cache. Start over.
1384     if (cacheItem && cacheItem->renderStyle->effectiveZoom() != state.style()->effectiveZoom())
1385         return applyMatchedProperties(matchResult, element, DoNotUseMatchedPropertiesCache);
1386
1387     // If our font got dirtied, update it now.
1388     updateFont();
1389
1390     // If the font changed, we can't use the matched properties cache. Start over.
1391     if (cacheItem && cacheItem->renderStyle->fontDescription() != state.style()->fontDescription())
1392         return applyMatchedProperties(matchResult, element, DoNotUseMatchedPropertiesCache);
1393
1394     // Apply properties that no other properties depend on.
1395     applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty, &matchResult);
1396
1397     // Finally, some properties must be applied in the order they were parsed.
1398     // There are some CSS properties that affect the same RenderStyle values,
1399     // so to preserve behavior, we queue them up during cascade and flush here.
1400     cascade.applyDeferredProperties(*this, &matchResult);
1401
1402     ASSERT(!state.fontDirty());
1403
1404     if (cacheItem || !cacheHash)
1405         return;
1406     if (!isCacheableInMatchedPropertiesCache(*state.element(), state.style(), state.parentStyle()))
1407         return;
1408     addToMatchedPropertiesCache(state.style(), state.parentStyle(), cacheHash, matchResult);
1409 }
1410
1411 void StyleResolver::applyPropertyToStyle(CSSPropertyID id, CSSValue* value, std::unique_ptr<RenderStyle> style)
1412 {
1413     m_state = State();
1414     m_state.setParentStyle(RenderStyle::clonePtr(*style));
1415     m_state.setStyle(WTFMove(style));
1416     applyPropertyToCurrentStyle(id, value);
1417 }
1418
1419 void StyleResolver::applyPropertyToCurrentStyle(CSSPropertyID id, CSSValue* value)
1420 {
1421     if (value)
1422         applyProperty(id, value);
1423 }
1424
1425 inline bool isValidVisitedLinkProperty(CSSPropertyID id)
1426 {
1427     switch (id) {
1428     case CSSPropertyBackgroundColor:
1429     case CSSPropertyBorderLeftColor:
1430     case CSSPropertyBorderRightColor:
1431     case CSSPropertyBorderTopColor:
1432     case CSSPropertyBorderBottomColor:
1433     case CSSPropertyCaretColor:
1434     case CSSPropertyColor:
1435     case CSSPropertyOutlineColor:
1436     case CSSPropertyColumnRuleColor:
1437     case CSSPropertyWebkitTextDecorationColor:
1438     case CSSPropertyWebkitTextEmphasisColor:
1439     case CSSPropertyWebkitTextFillColor:
1440     case CSSPropertyWebkitTextStrokeColor:
1441     case CSSPropertyFill:
1442     case CSSPropertyStroke:
1443     case CSSPropertyStrokeColor:
1444         return true;
1445     default:
1446         break;
1447     }
1448
1449     return false;
1450 }
1451
1452 // https://www.w3.org/TR/css-pseudo-4/#marker-pseudo (Editor's Draft, 25 July 2017)
1453 static inline bool isValidMarkerStyleProperty(CSSPropertyID id)
1454 {
1455     switch (id) {
1456     case CSSPropertyColor:
1457     case CSSPropertyFontFamily:
1458     case CSSPropertyFontFeatureSettings:
1459     case CSSPropertyFontSize:
1460     case CSSPropertyFontStretch:
1461     case CSSPropertyFontStyle:
1462     case CSSPropertyFontSynthesis:
1463     case CSSPropertyFontVariantAlternates:
1464     case CSSPropertyFontVariantCaps:
1465     case CSSPropertyFontVariantEastAsian:
1466     case CSSPropertyFontVariantLigatures:
1467     case CSSPropertyFontVariantNumeric:
1468     case CSSPropertyFontVariantPosition:
1469     case CSSPropertyFontWeight:
1470 #if ENABLE(VARIATION_FONTS)
1471     case CSSPropertyFontOpticalSizing:
1472     case CSSPropertyFontVariationSettings:
1473 #endif
1474         return true;
1475     default:
1476         break;
1477     }
1478     return false;
1479 }
1480
1481 #if ENABLE(VIDEO_TRACK)
1482 static inline bool isValidCueStyleProperty(CSSPropertyID id)
1483 {
1484     switch (id) {
1485     case CSSPropertyBackground:
1486     case CSSPropertyBackgroundAttachment:
1487     case CSSPropertyBackgroundClip:
1488     case CSSPropertyBackgroundColor:
1489     case CSSPropertyBackgroundImage:
1490     case CSSPropertyBackgroundOrigin:
1491     case CSSPropertyBackgroundPosition:
1492     case CSSPropertyBackgroundPositionX:
1493     case CSSPropertyBackgroundPositionY:
1494     case CSSPropertyBackgroundRepeat:
1495     case CSSPropertyBackgroundSize:
1496     case CSSPropertyColor:
1497     case CSSPropertyFont:
1498     case CSSPropertyFontFamily:
1499     case CSSPropertyFontSize:
1500     case CSSPropertyFontStyle:
1501     case CSSPropertyFontVariantCaps:
1502     case CSSPropertyFontWeight:
1503     case CSSPropertyLineHeight:
1504     case CSSPropertyOpacity:
1505     case CSSPropertyOutline:
1506     case CSSPropertyOutlineColor:
1507     case CSSPropertyOutlineOffset:
1508     case CSSPropertyOutlineStyle:
1509     case CSSPropertyOutlineWidth:
1510     case CSSPropertyVisibility:
1511     case CSSPropertyWhiteSpace:
1512     case CSSPropertyTextDecoration:
1513     case CSSPropertyTextShadow:
1514     case CSSPropertyBorderStyle:
1515     case CSSPropertyPaintOrder:
1516     case CSSPropertyStrokeLinejoin:
1517     case CSSPropertyStrokeLinecap:
1518     case CSSPropertyWebkitTextStrokeColor:
1519     case CSSPropertyWebkitTextStrokeWidth:
1520         return true;
1521     default:
1522         break;
1523     }
1524     return false;
1525 }
1526 #endif
1527 // SVG handles zooming in a different way compared to CSS. The whole document is scaled instead
1528 // of each individual length value in the render style / tree. CSSPrimitiveValue::computeLength*()
1529 // multiplies each resolved length with the zoom multiplier - so for SVG we need to disable that.
1530 // Though all CSS values that can be applied to outermost <svg> elements (width/height/border/padding...)
1531 // need to respect the scaling. RenderBox (the parent class of RenderSVGRoot) grabs values like
1532 // width/height/border/padding/... from the RenderStyle -> for SVG these values would never scale,
1533 // if we'd pass a 1.0 zoom factor everyhwere. So we only pass a zoom factor of 1.0 for specific
1534 // properties that are NOT allowed to scale within a zoomed SVG document (letter/word-spacing/font-size).
1535 bool StyleResolver::useSVGZoomRules()
1536 {
1537     return m_state.element() && m_state.element()->isSVGElement();
1538 }
1539
1540 // Scale with/height properties on inline SVG root.
1541 bool StyleResolver::useSVGZoomRulesForLength()
1542 {
1543     return is<SVGElement>(m_state.element()) && !(is<SVGSVGElement>(*m_state.element()) && m_state.element()->parentNode());
1544 }
1545
1546 StyleResolver::CascadedProperties* StyleResolver::cascadedPropertiesForRollback(const MatchResult& matchResult)
1547 {
1548     ASSERT(cascadeLevel() != UserAgentLevel);
1549
1550     TextDirection direction;
1551     WritingMode writingMode;
1552     extractDirectionAndWritingMode(*state().style(), matchResult, direction, writingMode);
1553
1554     if (cascadeLevel() == AuthorLevel) {
1555         CascadedProperties* authorRollback = state().authorRollback();
1556         if (authorRollback)
1557             return authorRollback;
1558
1559         auto newAuthorRollback(std::make_unique<CascadedProperties>(direction, writingMode));
1560
1561         // This special rollback cascade contains UA rules and user rules but no author rules.
1562         newAuthorRollback->addNormalMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, false);
1563         newAuthorRollback->addNormalMatches(matchResult, matchResult.ranges.firstUserRule, matchResult.ranges.lastUserRule, false);
1564         newAuthorRollback->addImportantMatches(matchResult, matchResult.ranges.firstUserRule, matchResult.ranges.lastUserRule, false);
1565         newAuthorRollback->addImportantMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, false);
1566
1567         state().setAuthorRollback(newAuthorRollback);
1568         return state().authorRollback();
1569     }
1570
1571     if (cascadeLevel() == UserLevel) {
1572         CascadedProperties* userRollback = state().userRollback();
1573         if (userRollback)
1574             return userRollback;
1575
1576         auto newUserRollback(std::make_unique<CascadedProperties>(direction, writingMode));
1577
1578         // This special rollback cascade contains only UA rules.
1579         newUserRollback->addNormalMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, false);
1580         newUserRollback->addImportantMatches(matchResult, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, false);
1581
1582         state().setUserRollback(newUserRollback);
1583         return state().userRollback();
1584     }
1585
1586     return nullptr;
1587 }
1588
1589 void StyleResolver::applyProperty(CSSPropertyID id, CSSValue* value, SelectorChecker::LinkMatchMask linkMatchMask, const MatchResult* matchResult)
1590 {
1591     ASSERT_WITH_MESSAGE(!isShorthandCSSProperty(id), "Shorthand property id = %d wasn't expanded at parsing time", id);
1592
1593     State& state = m_state;
1594
1595     RefPtr<CSSValue> valueToApply = value;
1596     if (value->hasVariableReferences()) {
1597         valueToApply = resolvedVariableValue(id, *value);
1598         if (!valueToApply) {
1599             if (CSSProperty::isInheritedProperty(id))
1600                 valueToApply = CSSValuePool::singleton().createInheritedValue();
1601             else
1602                 valueToApply = CSSValuePool::singleton().createExplicitInitialValue();
1603         }
1604     }
1605
1606     if (CSSProperty::isDirectionAwareProperty(id)) {
1607         CSSPropertyID newId = CSSProperty::resolveDirectionAwareProperty(id, state.style()->direction(), state.style()->writingMode());
1608         ASSERT(newId != id);
1609         return applyProperty(newId, valueToApply.get(), linkMatchMask, matchResult);
1610     }
1611
1612     CSSValue* valueToCheckForInheritInitial = valueToApply.get();
1613     CSSCustomPropertyValue* customPropertyValue = nullptr;
1614     CSSValueID customPropertyValueID = CSSValueInvalid;
1615
1616     if (id == CSSPropertyCustom) {
1617         customPropertyValue = &downcast<CSSCustomPropertyValue>(*valueToApply);
1618         customPropertyValueID = customPropertyValue->valueID();
1619     }
1620
1621     bool isInherit = state.parentStyle() ? valueToCheckForInheritInitial->isInheritedValue() || customPropertyValueID == CSSValueInherit : false;
1622     bool isInitial = valueToCheckForInheritInitial->isInitialValue() || customPropertyValueID == CSSValueInitial || (!state.parentStyle() && (valueToCheckForInheritInitial->isInheritedValue() || customPropertyValueID == CSSValueInherit));
1623
1624     bool isUnset = valueToCheckForInheritInitial->isUnsetValue() || customPropertyValueID == CSSValueUnset;
1625     bool isRevert = valueToCheckForInheritInitial->isRevertValue() || customPropertyValueID == CSSValueRevert;
1626
1627     if (isRevert) {
1628         if (cascadeLevel() == UserAgentLevel || !matchResult)
1629             isUnset = true;
1630         else {
1631             // Fetch the correct rollback object from the state, building it if necessary.
1632             // This requires having the original MatchResult available.
1633             auto* rollback = cascadedPropertiesForRollback(*matchResult);
1634             ASSERT(rollback);
1635
1636             // With the cascade built, we need to obtain the property and apply it. If the property is
1637             // not present, then we behave like "unset." Otherwise we apply the property instead of
1638             // our own.
1639             if (customPropertyValue) {
1640                 if (rollback->hasCustomProperty(customPropertyValue->name())) {
1641                     auto property = rollback->customProperty(customPropertyValue->name());
1642                     if (property.cssValue[linkMatchMask])
1643                         applyProperty(property.id, property.cssValue[linkMatchMask], linkMatchMask, matchResult);
1644                     return;
1645                 }
1646             } else if (rollback->hasProperty(id)) {
1647                 auto& property = rollback->property(id);
1648                 if (property.cssValue[linkMatchMask])
1649                     applyProperty(property.id, property.cssValue[linkMatchMask], linkMatchMask, matchResult);
1650                 return;
1651             }
1652
1653             isUnset = true;
1654         }
1655     }
1656
1657     if (isUnset) {
1658         if (CSSProperty::isInheritedProperty(id))
1659             isInherit = true;
1660         else
1661             isInitial = true;
1662     }
1663
1664     ASSERT(!isInherit || !isInitial); // isInherit -> !isInitial && isInitial -> !isInherit
1665
1666     if (!state.applyPropertyToRegularStyle() && (!state.applyPropertyToVisitedLinkStyle() || !isValidVisitedLinkProperty(id))) {
1667         // Limit the properties that can be applied to only the ones honored by :visited.
1668         return;
1669     }
1670
1671     if (isInherit && !CSSProperty::isInheritedProperty(id))
1672         state.style()->setHasExplicitlyInheritedProperties();
1673
1674     if (customPropertyValue) {
1675         auto& name = customPropertyValue->name();
1676         auto* value = isInitial ? nullptr : isInherit ? state.parentStyle()->customProperties().get(name) : customPropertyValue;
1677         state.style()->setCustomPropertyValue(name, value ? makeRef(*value) : CSSCustomPropertyValue::createInvalid());
1678         return;
1679     }
1680
1681     // Use the generated StyleBuilder.
1682     StyleBuilder::applyProperty(id, *this, *valueToApply, isInitial, isInherit);
1683 }
1684
1685 RefPtr<CSSValue> StyleResolver::resolvedVariableValue(CSSPropertyID propID, const CSSValue& value)
1686 {
1687     CSSParser parser(m_state.document());
1688     return parser.parseValueWithVariableReferences(propID, value, m_state.style()->customProperties(), m_state.style()->direction(), m_state.style()->writingMode());
1689 }
1690
1691 RefPtr<StyleImage> StyleResolver::styleImage(CSSValue& value)
1692 {
1693     if (is<CSSImageGeneratorValue>(value)) {
1694         if (is<CSSGradientValue>(value))
1695             return StyleGeneratedImage::create(downcast<CSSGradientValue>(value).gradientWithStylesResolved(*this));
1696
1697         if (is<CSSFilterImageValue>(value)) {
1698             // FilterImage needs to calculate FilterOperations.
1699             downcast<CSSFilterImageValue>(value).createFilterOperations(this);
1700         }
1701         return StyleGeneratedImage::create(downcast<CSSImageGeneratorValue>(value));
1702     }
1703
1704     if (is<CSSImageValue>(value) || is<CSSImageSetValue>(value) || is<CSSCursorImageValue>(value))
1705         return StyleCachedImage::create(value);
1706
1707     return nullptr;
1708 }
1709
1710 #if ENABLE(TEXT_AUTOSIZING)
1711 void StyleResolver::checkForTextSizeAdjust(RenderStyle* style)
1712 {
1713     if (style->textSizeAdjust().isAuto())
1714         return;
1715
1716     auto newFontDescription = style->fontDescription();
1717     if (!style->textSizeAdjust().isNone())
1718         newFontDescription.setComputedSize(newFontDescription.specifiedSize() * style->textSizeAdjust().multiplier());
1719     else
1720         newFontDescription.setComputedSize(newFontDescription.specifiedSize());
1721     style->setFontDescription(newFontDescription);
1722 }
1723 #endif
1724
1725 void StyleResolver::checkForZoomChange(RenderStyle* style, const RenderStyle* parentStyle)
1726 {
1727     if (!parentStyle)
1728         return;
1729
1730     if (style->effectiveZoom() == parentStyle->effectiveZoom() && style->textZoom() == parentStyle->textZoom())
1731         return;
1732
1733     const auto& childFont = style->fontDescription();
1734     auto newFontDescription = childFont;
1735     setFontSize(newFontDescription, childFont.specifiedSize());
1736     style->setFontDescription(newFontDescription);
1737 }
1738
1739 void StyleResolver::checkForGenericFamilyChange(RenderStyle* style, const RenderStyle* parentStyle)
1740 {
1741     const auto& childFont = style->fontDescription();
1742
1743     if (childFont.isAbsoluteSize() || !parentStyle)
1744         return;
1745
1746     const auto& parentFont = parentStyle->fontDescription();
1747     if (childFont.useFixedDefaultSize() == parentFont.useFixedDefaultSize())
1748         return;
1749     // We know the parent is monospace or the child is monospace, and that font
1750     // size was unspecified. We want to scale our font size as appropriate.
1751     // If the font uses a keyword size, then we refetch from the table rather than
1752     // multiplying by our scale factor.
1753     float size;
1754     if (CSSValueID sizeIdentifier = childFont.keywordSizeAsIdentifier())
1755         size = Style::fontSizeForKeyword(sizeIdentifier, childFont.useFixedDefaultSize(), document());
1756     else {
1757         float fixedScaleFactor = (settings().defaultFixedFontSize() && settings().defaultFontSize())
1758             ? static_cast<float>(settings().defaultFixedFontSize()) / settings().defaultFontSize()
1759             : 1;
1760         size = parentFont.useFixedDefaultSize() ?
1761                 childFont.specifiedSize() / fixedScaleFactor :
1762                 childFont.specifiedSize() * fixedScaleFactor;
1763     }
1764
1765     auto newFontDescription = childFont;
1766     setFontSize(newFontDescription, size);
1767     style->setFontDescription(newFontDescription);
1768 }
1769
1770 void StyleResolver::initializeFontStyle()
1771 {
1772     FontCascadeDescription fontDescription;
1773     fontDescription.setRenderingMode(settings().fontRenderingMode());
1774     fontDescription.setOneFamily(standardFamily);
1775     fontDescription.setKeywordSizeFromIdentifier(CSSValueMedium);
1776     setFontSize(fontDescription, Style::fontSizeForKeyword(CSSValueMedium, false, document()));
1777     setFontDescription(fontDescription);
1778 }
1779
1780 void StyleResolver::setFontSize(FontCascadeDescription& fontDescription, float size)
1781 {
1782     fontDescription.setSpecifiedSize(size);
1783     fontDescription.setComputedSize(Style::computedFontSizeFromSpecifiedSize(size, fontDescription.isAbsoluteSize(), useSVGZoomRules(), m_state.style(), document()));
1784 }
1785
1786 bool StyleResolver::colorFromPrimitiveValueIsDerivedFromElement(const CSSPrimitiveValue& value)
1787 {
1788     int ident = value.valueID();
1789     switch (ident) {
1790     case CSSValueWebkitText:
1791     case CSSValueWebkitLink:
1792     case CSSValueWebkitActivelink:
1793     case CSSValueCurrentcolor:
1794         return true;
1795     default:
1796         return false;
1797     }
1798 }
1799
1800 Color StyleResolver::colorFromPrimitiveValue(const CSSPrimitiveValue& value, bool forVisitedLink) const
1801 {
1802     if (value.isRGBColor())
1803         return value.color();
1804
1805     const State& state = m_state;
1806     CSSValueID ident = value.valueID();
1807     switch (ident) {
1808     case 0:
1809         return Color();
1810     case CSSValueWebkitText:
1811         return state.document().textColor();
1812     case CSSValueWebkitLink:
1813         return (state.element()->isLink() && forVisitedLink) ? state.document().visitedLinkColor() : state.document().linkColor();
1814     case CSSValueWebkitActivelink:
1815         return state.document().activeLinkColor();
1816     case CSSValueWebkitFocusRingColor:
1817         return RenderTheme::focusRingColor();
1818     case CSSValueCurrentcolor:
1819         // Color is an inherited property so depending on it effectively makes the property inherited.
1820         state.style()->setHasExplicitlyInheritedProperties();
1821         return state.style()->color();
1822     default: {
1823         return StyleColor::colorFromKeyword(ident);
1824     }
1825     }
1826 }
1827
1828 void StyleResolver::addViewportDependentMediaQueryResult(const MediaQueryExpression& expression, bool result)
1829 {
1830     m_viewportDependentMediaQueryResults.append(MediaQueryResult { expression, result });
1831 }
1832
1833 bool StyleResolver::hasMediaQueriesAffectedByViewportChange() const
1834 {
1835     LOG(MediaQueries, "StyleResolver::hasMediaQueriesAffectedByViewportChange evaluating queries");
1836     for (auto& result : m_viewportDependentMediaQueryResults) {
1837         if (m_mediaQueryEvaluator.evaluate(result.expression) != result.result)
1838             return true;
1839     }
1840     return false;
1841 }
1842
1843 void StyleResolver::addAccessibilitySettingsDependentMediaQueryResult(const MediaQueryExpression& expression, bool result)
1844 {
1845     m_accessibilitySettingsDependentMediaQueryResults.append(MediaQueryResult { expression, result });
1846 }
1847
1848 bool StyleResolver::hasMediaQueriesAffectedByAccessibilitySettingsChange() const
1849 {
1850     LOG(MediaQueries, "StyleResolver::hasMediaQueriesAffectedByAccessibilitySettingsChange evaluating queries");
1851     for (auto& result : m_accessibilitySettingsDependentMediaQueryResults) {
1852         if (m_mediaQueryEvaluator.evaluate(result.expression) != result.result)
1853             return true;
1854     }
1855     return false;
1856 }
1857
1858 static FilterOperation::OperationType filterOperationForType(CSSValueID type)
1859 {
1860     switch (type) {
1861     case CSSValueUrl:
1862         return FilterOperation::REFERENCE;
1863     case CSSValueGrayscale:
1864         return FilterOperation::GRAYSCALE;
1865     case CSSValueSepia:
1866         return FilterOperation::SEPIA;
1867     case CSSValueSaturate:
1868         return FilterOperation::SATURATE;
1869     case CSSValueHueRotate:
1870         return FilterOperation::HUE_ROTATE;
1871     case CSSValueInvert:
1872         return FilterOperation::INVERT;
1873     case CSSValueOpacity:
1874         return FilterOperation::OPACITY;
1875     case CSSValueBrightness:
1876         return FilterOperation::BRIGHTNESS;
1877     case CSSValueContrast:
1878         return FilterOperation::CONTRAST;
1879     case CSSValueBlur:
1880         return FilterOperation::BLUR;
1881     case CSSValueDropShadow:
1882         return FilterOperation::DROP_SHADOW;
1883     default:
1884         break;
1885     }
1886     ASSERT_NOT_REACHED();
1887     return FilterOperation::NONE;
1888 }
1889
1890 bool StyleResolver::createFilterOperations(const CSSValue& inValue, FilterOperations& outOperations)
1891 {
1892     State& state = m_state;
1893     ASSERT(outOperations.isEmpty());
1894
1895     if (is<CSSPrimitiveValue>(inValue)) {
1896         auto& primitiveValue = downcast<CSSPrimitiveValue>(inValue);
1897         if (primitiveValue.valueID() == CSSValueNone)
1898             return true;
1899     }
1900
1901     if (!is<CSSValueList>(inValue))
1902         return false;
1903
1904     FilterOperations operations;
1905     for (auto& currentValue : downcast<CSSValueList>(inValue)) {
1906
1907         if (is<CSSPrimitiveValue>(currentValue.get())) {
1908             auto& primitiveValue = downcast<CSSPrimitiveValue>(currentValue.get());
1909             if (!primitiveValue.isURI())
1910                 continue;
1911
1912             String cssUrl = primitiveValue.stringValue();
1913             URL url = m_state.document().completeURL(cssUrl);
1914
1915             RefPtr<ReferenceFilterOperation> operation = ReferenceFilterOperation::create(cssUrl, url.fragmentIdentifier());
1916             operations.operations().append(operation);
1917             continue;
1918         }
1919
1920         if (!is<CSSFunctionValue>(currentValue.get()))
1921             continue;
1922
1923         auto& filterValue = downcast<CSSFunctionValue>(currentValue.get());
1924         FilterOperation::OperationType operationType = filterOperationForType(filterValue.name());
1925
1926         // Check that all parameters are primitive values, with the
1927         // exception of drop shadow which has a CSSShadowValue parameter.
1928         const CSSPrimitiveValue* firstValue = nullptr;
1929         if (operationType != FilterOperation::DROP_SHADOW) {
1930             bool haveNonPrimitiveValue = false;
1931             for (unsigned j = 0; j < filterValue.length(); ++j) {
1932                 if (!is<CSSPrimitiveValue>(*filterValue.itemWithoutBoundsCheck(j))) {
1933                     haveNonPrimitiveValue = true;
1934                     break;
1935                 }
1936             }
1937             if (haveNonPrimitiveValue)
1938                 continue;
1939             if (filterValue.length())
1940                 firstValue = downcast<CSSPrimitiveValue>(filterValue.itemWithoutBoundsCheck(0));
1941         }
1942
1943         switch (operationType) {
1944         case FilterOperation::GRAYSCALE:
1945         case FilterOperation::SEPIA:
1946         case FilterOperation::SATURATE: {
1947             double amount = 1;
1948             if (filterValue.length() == 1) {
1949                 amount = firstValue->doubleValue();
1950                 if (firstValue->isPercentage())
1951                     amount /= 100;
1952             }
1953
1954             operations.operations().append(BasicColorMatrixFilterOperation::create(amount, operationType));
1955             break;
1956         }
1957         case FilterOperation::HUE_ROTATE: {
1958             double angle = 0;
1959             if (filterValue.length() == 1)
1960                 angle = firstValue->computeDegrees();
1961
1962             operations.operations().append(BasicColorMatrixFilterOperation::create(angle, operationType));
1963             break;
1964         }
1965         case FilterOperation::INVERT:
1966         case FilterOperation::BRIGHTNESS:
1967         case FilterOperation::CONTRAST:
1968         case FilterOperation::OPACITY: {
1969             double amount = (operationType == FilterOperation::BRIGHTNESS) ? 0 : 1;
1970             if (filterValue.length() == 1) {
1971                 amount = firstValue->doubleValue();
1972                 if (firstValue->isPercentage())
1973                     amount /= 100;
1974             }
1975
1976             operations.operations().append(BasicComponentTransferFilterOperation::create(amount, operationType));
1977             break;
1978         }
1979         case FilterOperation::BLUR: {
1980             Length stdDeviation = Length(0, Fixed);
1981             if (filterValue.length() >= 1)
1982                 stdDeviation = convertToFloatLength(firstValue, state.cssToLengthConversionData());
1983             if (stdDeviation.isUndefined())
1984                 return false;
1985
1986             operations.operations().append(BlurFilterOperation::create(stdDeviation));
1987             break;
1988         }
1989         case FilterOperation::DROP_SHADOW: {
1990             if (filterValue.length() != 1)
1991                 return false;
1992
1993             const auto* cssValue = filterValue.itemWithoutBoundsCheck(0);
1994             if (!is<CSSShadowValue>(cssValue))
1995                 continue;
1996
1997             const auto& item = downcast<CSSShadowValue>(*cssValue);
1998             int x = item.x->computeLength<int>(state.cssToLengthConversionData());
1999             int y = item.y->computeLength<int>(state.cssToLengthConversionData());
2000             IntPoint location(x, y);
2001             int blur = item.blur ? item.blur->computeLength<int>(state.cssToLengthConversionData()) : 0;
2002             Color color;
2003             if (item.color)
2004                 color = colorFromPrimitiveValue(*item.color);
2005
2006             operations.operations().append(DropShadowFilterOperation::create(location, blur, color.isValid() ? color : Color::transparent));
2007             break;
2008         }
2009         default:
2010             ASSERT_NOT_REACHED();
2011             break;
2012         }
2013     }
2014
2015     outOperations = operations;
2016     return true;
2017 }
2018
2019 inline StyleResolver::MatchedProperties::MatchedProperties()
2020 {
2021 }
2022
2023 StyleResolver::MatchedProperties::~MatchedProperties()
2024 {
2025 }
2026
2027 StyleResolver::CascadedProperties::CascadedProperties(TextDirection direction, WritingMode writingMode)
2028     : m_direction(direction)
2029     , m_writingMode(writingMode)
2030 {
2031 }
2032
2033 inline bool StyleResolver::CascadedProperties::hasProperty(CSSPropertyID id) const
2034 {
2035     ASSERT(id < m_propertyIsPresent.size());
2036     return m_propertyIsPresent[id];
2037 }
2038
2039 inline StyleResolver::CascadedProperties::Property& StyleResolver::CascadedProperties::property(CSSPropertyID id)
2040 {
2041     return m_properties[id];
2042 }
2043
2044 inline bool StyleResolver::CascadedProperties::hasCustomProperty(const String& name) const
2045 {
2046     return m_customProperties.contains(name);
2047 }
2048
2049 inline StyleResolver::CascadedProperties::Property StyleResolver::CascadedProperties::customProperty(const String& name) const
2050 {
2051     return m_customProperties.get(name);
2052 }
2053
2054 void StyleResolver::CascadedProperties::setPropertyInternal(Property& property, CSSPropertyID id, CSSValue& cssValue, unsigned linkMatchType, CascadeLevel cascadeLevel, Style::ScopeOrdinal styleScopeOrdinal)
2055 {
2056     ASSERT(linkMatchType <= SelectorChecker::MatchAll);
2057     property.id = id;
2058     property.level = cascadeLevel;
2059     property.styleScopeOrdinal = styleScopeOrdinal;
2060     if (linkMatchType == SelectorChecker::MatchAll) {
2061         property.cssValue[0] = &cssValue;
2062         property.cssValue[SelectorChecker::MatchLink] = &cssValue;
2063         property.cssValue[SelectorChecker::MatchVisited] = &cssValue;
2064     } else
2065         property.cssValue[linkMatchType] = &cssValue;
2066 }
2067
2068 void StyleResolver::CascadedProperties::set(CSSPropertyID id, CSSValue& cssValue, unsigned linkMatchType, CascadeLevel cascadeLevel, Style::ScopeOrdinal styleScopeOrdinal)
2069 {
2070     if (CSSProperty::isDirectionAwareProperty(id))
2071         id = CSSProperty::resolveDirectionAwareProperty(id, m_direction, m_writingMode);
2072
2073     ASSERT(!shouldApplyPropertyInParseOrder(id));
2074
2075     auto& property = m_properties[id];
2076     ASSERT(id < m_propertyIsPresent.size());
2077     if (id == CSSPropertyCustom) {
2078         m_propertyIsPresent.set(id);
2079         const auto& customValue = downcast<CSSCustomPropertyValue>(cssValue);
2080         bool hasValue = customProperties().contains(customValue.name());
2081         if (!hasValue) {
2082             Property property;
2083             property.id = id;
2084             memset(property.cssValue, 0, sizeof(property.cssValue));
2085             setPropertyInternal(property, id, cssValue, linkMatchType, cascadeLevel, styleScopeOrdinal);
2086             customProperties().set(customValue.name(), property);
2087         } else {
2088             Property property = customProperties().get(customValue.name());
2089             setPropertyInternal(property, id, cssValue, linkMatchType, cascadeLevel, styleScopeOrdinal);
2090             customProperties().set(customValue.name(), property);
2091         }
2092         return;
2093     }
2094
2095     if (!m_propertyIsPresent[id])
2096         memset(property.cssValue, 0, sizeof(property.cssValue));
2097     m_propertyIsPresent.set(id);
2098     setPropertyInternal(property, id, cssValue, linkMatchType, cascadeLevel, styleScopeOrdinal);
2099 }
2100
2101 void StyleResolver::CascadedProperties::setDeferred(CSSPropertyID id, CSSValue& cssValue, unsigned linkMatchType, CascadeLevel cascadeLevel, Style::ScopeOrdinal styleScopeOrdinal)
2102 {
2103     ASSERT(!CSSProperty::isDirectionAwareProperty(id));
2104     ASSERT(shouldApplyPropertyInParseOrder(id));
2105
2106     Property property;
2107     memset(property.cssValue, 0, sizeof(property.cssValue));
2108     setPropertyInternal(property, id, cssValue, linkMatchType, cascadeLevel, styleScopeOrdinal);
2109     m_deferredProperties.append(property);
2110 }
2111
2112 static CascadeLevel cascadeLevelForIndex(const StyleResolver::MatchResult& matchResult, int index)
2113 {
2114     if (index >= matchResult.ranges.firstUARule && index <= matchResult.ranges.lastUARule)
2115         return UserAgentLevel;
2116     if (index >= matchResult.ranges.firstUserRule && index <= matchResult.ranges.lastUserRule)
2117         return UserLevel;
2118     return AuthorLevel;
2119 }
2120
2121 void StyleResolver::CascadedProperties::addMatch(const MatchResult& matchResult, unsigned index, bool isImportant, bool inheritedOnly)
2122 {
2123     auto& matchedProperties = matchResult.matchedProperties()[index];
2124     auto& styleProperties = *matchedProperties.properties;
2125
2126     auto propertyWhitelistType = static_cast<PropertyWhitelistType>(matchedProperties.whitelistType);
2127     auto cascadeLevel = cascadeLevelForIndex(matchResult, index);
2128
2129     for (unsigned i = 0, count = styleProperties.propertyCount(); i < count; ++i) {
2130         auto current = styleProperties.propertyAt(i);
2131         if (isImportant != current.isImportant())
2132             continue;
2133         if (inheritedOnly && !current.isInherited()) {
2134             // We apply the inherited properties only when using the property cache.
2135             // A match with a value that is explicitely inherited should never have been cached.
2136             ASSERT(!current.value()->isInheritedValue());
2137             continue;
2138         }
2139         CSSPropertyID propertyID = current.id();
2140
2141 #if ENABLE(VIDEO_TRACK)
2142         if (propertyWhitelistType == PropertyWhitelistCue && !isValidCueStyleProperty(propertyID))
2143             continue;
2144 #endif
2145         if (propertyWhitelistType == PropertyWhitelistMarker && !isValidMarkerStyleProperty(propertyID))
2146             continue;
2147
2148         if (shouldApplyPropertyInParseOrder(propertyID))
2149             setDeferred(propertyID, *current.value(), matchedProperties.linkMatchType, cascadeLevel, matchedProperties.styleScopeOrdinal);
2150         else
2151             set(propertyID, *current.value(), matchedProperties.linkMatchType, cascadeLevel, matchedProperties.styleScopeOrdinal);
2152     }
2153 }
2154
2155 void StyleResolver::CascadedProperties::addNormalMatches(const MatchResult& matchResult, int startIndex, int endIndex, bool inheritedOnly)
2156 {
2157     if (startIndex == -1)
2158         return;
2159
2160     for (int i = startIndex; i <= endIndex; ++i)
2161         addMatch(matchResult, i, false, inheritedOnly);
2162 }
2163
2164 static bool hasImportantProperties(const StyleProperties& properties)
2165 {
2166     for (unsigned i = 0, count = properties.propertyCount(); i < count; ++i) {
2167         if (properties.propertyAt(i).isImportant())
2168             return true;
2169     }
2170     return false;
2171 }
2172
2173 void StyleResolver::CascadedProperties::addImportantMatches(const MatchResult& matchResult, int startIndex, int endIndex, bool inheritedOnly)
2174 {
2175     if (startIndex == -1)
2176         return;
2177
2178     struct IndexAndOrdinal {
2179         int index;
2180         Style::ScopeOrdinal ordinal;
2181     };
2182     Vector<IndexAndOrdinal> shadowTreeMatches;
2183
2184     for (int i = startIndex; i <= endIndex; ++i) {
2185         const MatchedProperties& matchedProperties = matchResult.matchedProperties()[i];
2186
2187         if (!hasImportantProperties(*matchedProperties.properties))
2188             continue;
2189
2190         if (matchedProperties.styleScopeOrdinal != Style::ScopeOrdinal::Element) {
2191             shadowTreeMatches.append({ i, matchedProperties.styleScopeOrdinal });
2192             continue;
2193         }
2194
2195         addMatch(matchResult, i, true, inheritedOnly);
2196     }
2197
2198     if (shadowTreeMatches.isEmpty())
2199         return;
2200
2201     // For !important properties a later shadow tree wins.
2202     // Match results are sorted in reverse tree context order so this is not needed for normal properties.
2203     std::stable_sort(shadowTreeMatches.begin(), shadowTreeMatches.end(), [] (const IndexAndOrdinal& a, const IndexAndOrdinal& b) {
2204         return a.ordinal < b.ordinal;
2205     });
2206
2207     for (auto& match : shadowTreeMatches)
2208         addMatch(matchResult, match.index, true, inheritedOnly);
2209 }
2210
2211 void StyleResolver::CascadedProperties::applyDeferredProperties(StyleResolver& resolver, const MatchResult* matchResult)
2212 {
2213     for (auto& property : m_deferredProperties)
2214         property.apply(resolver, matchResult);
2215 }
2216
2217 void StyleResolver::CascadedProperties::Property::apply(StyleResolver& resolver, const MatchResult* matchResult)
2218 {
2219     State& state = resolver.state();
2220     state.setCascadeLevel(level);
2221     state.setStyleScopeOrdinal(styleScopeOrdinal);
2222
2223     if (cssValue[SelectorChecker::MatchDefault]) {
2224         state.setApplyPropertyToRegularStyle(true);
2225         state.setApplyPropertyToVisitedLinkStyle(false);
2226         resolver.applyProperty(id, cssValue[SelectorChecker::MatchDefault], SelectorChecker::MatchDefault, matchResult);
2227     }
2228
2229     if (state.style()->insideLink() == NotInsideLink)
2230         return;
2231
2232     if (cssValue[SelectorChecker::MatchLink]) {
2233         state.setApplyPropertyToRegularStyle(true);
2234         state.setApplyPropertyToVisitedLinkStyle(false);
2235         resolver.applyProperty(id, cssValue[SelectorChecker::MatchLink], SelectorChecker::MatchLink, matchResult);
2236     }
2237
2238     if (cssValue[SelectorChecker::MatchVisited]) {
2239         state.setApplyPropertyToRegularStyle(false);
2240         state.setApplyPropertyToVisitedLinkStyle(true);
2241         resolver.applyProperty(id, cssValue[SelectorChecker::MatchVisited], SelectorChecker::MatchVisited, matchResult);
2242     }
2243
2244     state.setApplyPropertyToRegularStyle(true);
2245     state.setApplyPropertyToVisitedLinkStyle(false);
2246 }
2247
2248 void StyleResolver::applyCascadedProperties(CascadedProperties& cascade, int firstProperty, int lastProperty, const MatchResult* matchResult)
2249 {
2250     for (int id = firstProperty; id <= lastProperty; ++id) {
2251         CSSPropertyID propertyID = static_cast<CSSPropertyID>(id);
2252         if (!cascade.hasProperty(propertyID))
2253             continue;
2254         if (propertyID == CSSPropertyCustom) {
2255             HashMap<AtomicString, CascadedProperties::Property>::iterator end = cascade.customProperties().end();
2256             for (HashMap<AtomicString, CascadedProperties::Property>::iterator it = cascade.customProperties().begin(); it != end; ++it)
2257                 it->value.apply(*this, matchResult);
2258             continue;
2259         }
2260         auto& property = cascade.property(propertyID);
2261         ASSERT(!shouldApplyPropertyInParseOrder(propertyID));
2262         property.apply(*this, matchResult);
2263     }
2264
2265     if (firstProperty == CSSPropertyCustom)
2266         m_state.style()->checkVariablesInCustomProperties();
2267 }
2268
2269 } // namespace WebCore