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