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