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