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