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