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