Keep the already-parsed list of terms in custom property values so that we don't...
[WebKit-https.git] / Source / WebCore / css / StyleResolver.cpp
1 /*
2  * Copyright (C) 1999 Lars Knoll (knoll@kde.org)
3  * Copyright (C) 2004-2005 Allan Sandfeld Jensen (kde@carewolf.com)
4  * Copyright (C) 2006, 2007 Nicholas Shanks (webkit@nickshanks.com)
5  * Copyright (C) 2005-2014 Apple Inc. All rights reserved.
6  * Copyright (C) 2007 Alexey Proskuryakov <ap@webkit.org>
7  * Copyright (C) 2007, 2008 Eric Seidel <eric@webkit.org>
8  * Copyright (C) 2008, 2009 Torch Mobile Inc. All rights reserved. (http://www.torchmobile.com/)
9  * Copyright (c) 2011, Code Aurora Forum. All rights reserved.
10  * Copyright (C) Research In Motion Limited 2011. All rights reserved.
11  * Copyright (C) 2012, 2013 Google Inc. All rights reserved.
12  * Copyright (C) 2014 Igalia S.L.
13  *
14  * This library is free software; you can redistribute it and/or
15  * modify it under the terms of the GNU Library General Public
16  * License as published by the Free Software Foundation; either
17  * version 2 of the License, or (at your option) any later version.
18  *
19  * This library is distributed in the hope that it will be useful,
20  * but WITHOUT ANY WARRANTY; without even the implied warranty of
21  * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
22  * Library General Public License for more details.
23  *
24  * You should have received a copy of the GNU Library General Public License
25  * along with this library; see the file COPYING.LIB.  If not, write to
26  * the Free Software Foundation, Inc., 51 Franklin Street, Fifth Floor,
27  * Boston, MA 02110-1301, USA.
28  */
29
30 #include "config.h"
31 #include "StyleResolver.h"
32
33 #include "CSSBorderImage.h"
34 #include "CSSCalculationValue.h"
35 #include "CSSCursorImageValue.h"
36 #include "CSSCustomPropertyValue.h"
37 #include "CSSDefaultStyleSheets.h"
38 #include "CSSFilterImageValue.h"
39 #include "CSSFontFaceRule.h"
40 #include "CSSFontFeatureValue.h"
41 #include "CSSFontSelector.h"
42 #include "CSSFontValue.h"
43 #include "CSSFunctionValue.h"
44 #include "CSSKeyframeRule.h"
45 #include "CSSKeyframesRule.h"
46 #include "CSSLineBoxContainValue.h"
47 #include "CSSPageRule.h"
48 #include "CSSParser.h"
49 #include "CSSPrimitiveValueMappings.h"
50 #include "CSSPropertyNames.h"
51 #include "CSSReflectValue.h"
52 #include "CSSSelector.h"
53 #include "CSSSelectorList.h"
54 #include "CSSShadowValue.h"
55 #include "CSSStyleRule.h"
56 #include "CSSSupportsRule.h"
57 #include "CSSTimingFunctionValue.h"
58 #include "CSSValueList.h"
59 #include "CachedImage.h"
60 #include "CachedResourceLoader.h"
61 #include "CachedSVGDocument.h"
62 #include "CachedSVGDocumentReference.h"
63 #include "CalculationValue.h"
64 #include "ContentData.h"
65 #include "Counter.h"
66 #include "CounterContent.h"
67 #include "CursorList.h"
68 #include "ElementRuleCollector.h"
69 #include "FilterOperation.h"
70 #include "Frame.h"
71 #include "FrameSelection.h"
72 #include "FrameView.h"
73 #include "HTMLDocument.h"
74 #include "HTMLIFrameElement.h"
75 #include "HTMLInputElement.h"
76 #include "HTMLNames.h"
77 #include "HTMLOptGroupElement.h"
78 #include "HTMLOptionElement.h"
79 #include "HTMLProgressElement.h"
80 #include "HTMLStyleElement.h"
81 #include "HTMLTableElement.h"
82 #include "HTMLTextAreaElement.h"
83 #include "InsertionPoint.h"
84 #include "InspectorInstrumentation.h"
85 #include "KeyframeList.h"
86 #include "LinkHash.h"
87 #include "LocaleToScriptMapping.h"
88 #include "MathMLNames.h"
89 #include "MediaList.h"
90 #include "MediaQueryEvaluator.h"
91 #include "NodeRenderStyle.h"
92 #include "Page.h"
93 #include "PageRuleCollector.h"
94 #include "Pair.h"
95 #include "PseudoElement.h"
96 #include "QuotesData.h"
97 #include "Rect.h"
98 #include "RenderGrid.h"
99 #include "RenderRegion.h"
100 #include "RenderScrollbar.h"
101 #include "RenderScrollbarTheme.h"
102 #include "RenderStyleConstants.h"
103 #include "RenderTheme.h"
104 #include "RenderView.h"
105 #include "RuleSet.h"
106 #include "SVGDocument.h"
107 #include "SVGDocumentExtensions.h"
108 #include "SVGFontFaceElement.h"
109 #include "SVGNames.h"
110 #include "SVGSVGElement.h"
111 #include "SVGURIReference.h"
112 #include "SecurityOrigin.h"
113 #include "Settings.h"
114 #include "ShadowData.h"
115 #include "ShadowRoot.h"
116 #include "StyleBuilder.h"
117 #include "StyleCachedImage.h"
118 #include "StyleFontSizeFunctions.h"
119 #include "StyleGeneratedImage.h"
120 #include "StylePendingImage.h"
121 #include "StyleProperties.h"
122 #include "StylePropertyShorthand.h"
123 #include "StyleRule.h"
124 #include "StyleRuleImport.h"
125 #include "StyleScrollSnapPoints.h"
126 #include "StyleSheetContents.h"
127 #include "StyleSheetList.h"
128 #include "Text.h"
129 #include "TransformFunctions.h"
130 #include "TransformOperations.h"
131 #include "UserAgentStyleSheets.h"
132 #include "ViewportStyleResolver.h"
133 #include "VisitedLinkState.h"
134 #include "WebKitCSSFilterValue.h"
135 #include "WebKitCSSRegionRule.h"
136 #include "WebKitCSSTransformValue.h"
137 #include "WebKitFontFamilyNames.h"
138 #include "XMLNames.h"
139 #include <bitset>
140 #include <wtf/StdLibExtras.h>
141 #include <wtf/TemporaryChange.h>
142 #include <wtf/Vector.h>
143 #include <wtf/text/AtomicStringHash.h>
144
145 #if ENABLE(CSS_GRID_LAYOUT)
146 #include "CSSGridLineNamesValue.h"
147 #include "CSSGridTemplateAreasValue.h"
148 #endif
149
150 #if ENABLE(CSS_IMAGE_SET)
151 #include "CSSImageSetValue.h"
152 #include "StyleCachedImageSet.h"
153 #endif
154
155 #if ENABLE(DASHBOARD_SUPPORT)
156 #include "DashboardRegion.h"
157 #endif
158
159 #if ENABLE(VIDEO_TRACK)
160 #include "WebVTTElement.h"
161 #endif
162
163 #if ENABLE(CSS_SCROLL_SNAP)
164 #include "LengthRepeat.h"
165 #endif
166
167 namespace WebCore {
168
169 using namespace HTMLNames;
170
171 static const CSSPropertyID lastHighPriorityProperty = CSSPropertyFontSynthesis;
172 static const CSSPropertyID firstLowPriorityProperty = static_cast<CSSPropertyID>(lastHighPriorityProperty + 1);
173
174 class StyleResolver::CascadedProperties {
175 public:
176     CascadedProperties(TextDirection, WritingMode);
177
178     struct Property {
179         void apply(StyleResolver&);
180
181         CSSPropertyID id;
182         CSSValue* cssValue[3];
183     };
184
185     bool hasProperty(CSSPropertyID id) const;
186     Property& property(CSSPropertyID);
187     void addMatches(const MatchResult&, bool important, int startIndex, int endIndex, bool inheritedOnly = false);
188
189     void set(CSSPropertyID, CSSValue&, unsigned linkMatchType);
190     void setDeferred(CSSPropertyID, CSSValue&, unsigned linkMatchType);
191
192     void applyDeferredProperties(StyleResolver&);
193
194     HashMap<AtomicString, Property>& customProperties() { return m_customProperties; }
195     
196 private:
197     void addStyleProperties(const StyleProperties&, StyleRule&, bool isImportant, bool inheritedOnly, PropertyWhitelistType, unsigned linkMatchType);
198     static void setPropertyInternal(Property&, CSSPropertyID, CSSValue&, unsigned linkMatchType);
199
200     Property m_properties[numCSSProperties + 2];
201     std::bitset<numCSSProperties + 2> m_propertyIsPresent;
202
203     Vector<Property, 8> m_deferredProperties;
204     HashMap<AtomicString, Property> m_customProperties;
205
206     TextDirection m_direction;
207     WritingMode m_writingMode;
208 };
209
210 static void extractDirectionAndWritingMode(const RenderStyle&, const StyleResolver::MatchResult&, TextDirection&, WritingMode&);
211
212 RenderStyle* StyleResolver::s_styleNotYetAvailable;
213
214 inline void StyleResolver::State::cacheBorderAndBackground()
215 {
216     m_hasUAAppearance = m_style->hasAppearance();
217     if (m_hasUAAppearance) {
218         m_borderData = m_style->border();
219         m_backgroundData = *m_style->backgroundLayers();
220         m_backgroundColor = m_style->backgroundColor();
221     }
222 }
223
224 inline void StyleResolver::State::clear()
225 {
226     m_element = nullptr;
227     m_styledElement = nullptr;
228     m_parentStyle = nullptr;
229     m_regionForStyling = nullptr;
230     m_pendingImageProperties.clear();
231     m_filtersWithPendingSVGDocuments.clear();
232     m_cssToLengthConversionData = CSSToLengthConversionData();
233 }
234
235 void StyleResolver::MatchResult::addMatchedProperties(const StyleProperties& properties, StyleRule* rule, unsigned linkMatchType, PropertyWhitelistType propertyWhitelistType)
236 {
237     m_matchedProperties.grow(m_matchedProperties.size() + 1);
238     StyleResolver::MatchedProperties& newProperties = m_matchedProperties.last();
239     newProperties.properties = const_cast<StyleProperties*>(&properties);
240     newProperties.linkMatchType = linkMatchType;
241     newProperties.whitelistType = propertyWhitelistType;
242     matchedRules.append(rule);
243
244     if (isCacheable) {
245         for (unsigned i = 0, count = properties.propertyCount(); i < count; ++i) {
246             // Currently the property cache only copy the non-inherited values and resolve
247             // the inherited ones.
248             // Here we define some exception were we have to resolve some properties that are not inherited
249             // by default. If those exceptions become too common on the web, it should be possible
250             // to build a list of exception to resolve instead of completely disabling the cache.
251
252             StyleProperties::PropertyReference current = properties.propertyAt(i);
253             if (!current.isInherited()) {
254                 // If the property value is explicitly inherited, we need to apply further non-inherited properties
255                 // as they might override the value inherited here. For this reason we don't allow declarations with
256                 // explicitly inherited properties to be cached.
257                 const CSSValue& value = *current.value();
258                 if (value.isInheritedValue()) {
259                     isCacheable = false;
260                     break;
261                 }
262
263                 // The value currentColor has implicitely the same side effect. It depends on the value of color,
264                 // which is an inherited value, making the non-inherited property implicitely inherited.
265                 if (is<CSSPrimitiveValue>(value) && downcast<CSSPrimitiveValue>(value).getValueID() == CSSValueCurrentcolor) {
266                     isCacheable = false;
267                     break;
268                 }
269             }
270         }
271     }
272 }
273
274 StyleResolver::StyleResolver(Document& document, bool matchAuthorAndUserStyles)
275     : m_matchedPropertiesCacheAdditionsSinceLastSweep(0)
276     , m_matchedPropertiesCacheSweepTimer(*this, &StyleResolver::sweepMatchedPropertiesCache)
277     , m_document(document)
278     , m_matchAuthorAndUserStyles(matchAuthorAndUserStyles)
279 #if ENABLE(CSS_DEVICE_ADAPTATION)
280     , m_viewportStyleResolver(ViewportStyleResolver::create(&document))
281 #endif
282     , m_styleMap(this)
283 {
284     Element* root = m_document.documentElement();
285
286     CSSDefaultStyleSheets::initDefaultStyle(root);
287
288     // construct document root element default style. this is needed
289     // to evaluate media queries that contain relative constraints, like "screen and (max-width: 10em)"
290     // This is here instead of constructor, because when constructor is run,
291     // document doesn't have documentElement
292     // NOTE: this assumes that element that gets passed to styleForElement -call
293     // is always from the document that owns the style selector
294     FrameView* view = m_document.view();
295     if (view)
296         m_medium = std::make_unique<MediaQueryEvaluator>(view->mediaType());
297     else
298         m_medium = std::make_unique<MediaQueryEvaluator>("all");
299
300     if (root)
301         m_rootDefaultStyle = styleForElement(root, m_document.renderStyle(), DisallowStyleSharing, MatchOnlyUserAgentRules);
302
303     if (m_rootDefaultStyle && view)
304         m_medium = std::make_unique<MediaQueryEvaluator>(view->mediaType(), &view->frame(), m_rootDefaultStyle.get());
305
306     m_ruleSets.resetAuthorStyle();
307
308     m_ruleSets.initUserStyle(m_document.extensionStyleSheets(), *m_medium, *this);
309
310 #if ENABLE(SVG_FONTS)
311     if (m_document.svgExtensions()) {
312         const HashSet<SVGFontFaceElement*>& svgFontFaceElements = m_document.svgExtensions()->svgFontFaceElements();
313         for (auto* svgFontFaceElement : svgFontFaceElements)
314             m_document.fontSelector().addFontFaceRule(svgFontFaceElement->fontFaceRule(), svgFontFaceElement->isInUserAgentShadowTree());
315     }
316 #endif
317 }
318
319 void StyleResolver::appendAuthorStyleSheets(unsigned firstNew, const Vector<RefPtr<CSSStyleSheet>>& styleSheets)
320 {
321     m_ruleSets.appendAuthorStyleSheets(firstNew, styleSheets, m_medium.get(), m_inspectorCSSOMWrappers, this);
322     if (auto renderView = document().renderView())
323         renderView->style().fontCascade().update(&document().fontSelector());
324
325 #if ENABLE(CSS_DEVICE_ADAPTATION)
326     viewportStyleResolver()->resolve();
327 #endif
328 }
329
330 void StyleResolver::pushParentElement(Element* parent)
331 {
332     const ContainerNode* parentsParent = parent->parentOrShadowHostElement();
333
334     // We are not always invoked consistently. For example, script execution can cause us to enter
335     // style recalc in the middle of tree building. We may also be invoked from somewhere within the tree.
336     // Reset the stack in this case, or if we see a new root element.
337     // Otherwise just push the new parent.
338     if (!parentsParent || m_selectorFilter.parentStackIsEmpty())
339         m_selectorFilter.setupParentStack(parent);
340     else
341         m_selectorFilter.pushParent(parent);
342 }
343
344 void StyleResolver::popParentElement(Element* parent)
345 {
346     // Note that we may get invoked for some random elements in some wacky cases during style resolve.
347     // Pause maintaining the stack in this case.
348     if (m_selectorFilter.parentStackIsConsistent(parent))
349         m_selectorFilter.popParent();
350 }
351
352 // This is a simplified style setting function for keyframe styles
353 void StyleResolver::addKeyframeStyle(PassRefPtr<StyleRuleKeyframes> rule)
354 {
355     AtomicString s(rule->name());
356     m_keyframesRuleMap.set(s.impl(), rule);
357 }
358
359 StyleResolver::~StyleResolver()
360 {
361     RELEASE_ASSERT(!m_inLoadPendingImages);
362
363 #if ENABLE(CSS_DEVICE_ADAPTATION)
364     m_viewportStyleResolver->clearDocument();
365 #endif
366 }
367
368 void StyleResolver::sweepMatchedPropertiesCache()
369 {
370     // Look for cache entries containing a style declaration with a single ref and remove them.
371     // This may happen when an element attribute mutation causes it to generate a new inlineStyle()
372     // or presentationAttributeStyle(), potentially leaving this cache with the last ref on the old one.
373     Vector<unsigned, 16> toRemove;
374     MatchedPropertiesCache::iterator it = m_matchedPropertiesCache.begin();
375     MatchedPropertiesCache::iterator end = m_matchedPropertiesCache.end();
376     for (; it != end; ++it) {
377         Vector<MatchedProperties>& matchedProperties = it->value.matchedProperties;
378         for (size_t i = 0; i < matchedProperties.size(); ++i) {
379             if (matchedProperties[i].properties->hasOneRef()) {
380                 toRemove.append(it->key);
381                 break;
382             }
383         }
384     }
385     for (size_t i = 0; i < toRemove.size(); ++i)
386         m_matchedPropertiesCache.remove(toRemove[i]);
387
388     m_matchedPropertiesCacheAdditionsSinceLastSweep = 0;
389 }
390
391 bool StyleResolver::classNamesAffectedByRules(const SpaceSplitString& classNames) const
392 {
393     for (unsigned i = 0; i < classNames.size(); ++i) {
394         if (m_ruleSets.features().classesInRules.contains(classNames[i].impl()))
395             return true;
396     }
397     return false;
398 }
399
400 inline void StyleResolver::State::updateConversionData()
401 {
402     m_cssToLengthConversionData = CSSToLengthConversionData(m_style.get(), m_rootElementStyle, m_element ? document().renderView() : nullptr);
403 }
404
405 inline void StyleResolver::State::initElement(Element* element)
406 {
407     m_element = element;
408     m_styledElement = element && is<StyledElement>(*element) ? downcast<StyledElement>(element) : nullptr;
409     m_elementLinkState = element ? element->document().visitedLinkState().determineLinkState(*element) : NotInsideLink;
410     updateConversionData();
411 }
412
413 inline void StyleResolver::initElement(Element* e)
414 {
415     if (m_state.element() != e) {
416         m_state.initElement(e);
417         if (e && e == e->document().documentElement()) {
418             e->document().setDirectionSetOnDocumentElement(false);
419             e->document().setWritingModeSetOnDocumentElement(false);
420         }
421     }
422 }
423
424 inline void StyleResolver::State::initForStyleResolve(Document& document, Element* e, RenderStyle* parentStyle, const RenderRegion* regionForStyling)
425 {
426     m_regionForStyling = regionForStyling;
427
428     if (e) {
429         bool resetStyleInheritance = hasShadowRootParent(*e) && downcast<ShadowRoot>(*e->parentNode()).resetStyleInheritance();
430         m_parentStyle = resetStyleInheritance ? nullptr : parentStyle;
431     } else
432         m_parentStyle = parentStyle;
433
434     Node* docElement = e ? e->document().documentElement() : nullptr;
435     RenderStyle* docStyle = document.renderStyle();
436     m_rootElementStyle = docElement && e != docElement ? docElement->renderStyle() : docStyle;
437
438     m_style = nullptr;
439     m_pendingImageProperties.clear();
440     m_fontDirty = false;
441
442     updateConversionData();
443 }
444
445 inline void StyleResolver::State::setStyle(Ref<RenderStyle>&& style)
446 {
447     m_style = WTF::move(style);
448     updateConversionData();
449 }
450
451 static const unsigned cStyleSearchThreshold = 10;
452 static const unsigned cStyleSearchLevelThreshold = 10;
453
454 static inline bool parentElementPreventsSharing(const Element* parentElement)
455 {
456     if (!parentElement)
457         return false;
458     return parentElement->hasFlagsSetDuringStylingOfChildren();
459 }
460
461 Node* StyleResolver::locateCousinList(Element* parent, unsigned& visitedNodeCount) const
462 {
463     if (visitedNodeCount >= cStyleSearchThreshold * cStyleSearchLevelThreshold)
464         return nullptr;
465     if (!is<StyledElement>(parent))
466         return nullptr;
467     StyledElement* styledParent = downcast<StyledElement>(parent);
468     if (styledParent->inlineStyle())
469         return nullptr;
470     if (is<SVGElement>(*styledParent) && downcast<SVGElement>(*styledParent).animatedSMILStyleProperties())
471         return nullptr;
472     if (styledParent->hasID() && m_ruleSets.features().idsInRules.contains(styledParent->idForStyleResolution().impl()))
473         return nullptr;
474
475     RenderStyle* parentStyle = styledParent->renderStyle();
476     unsigned subcount = 0;
477     Node* thisCousin = styledParent;
478     Node* currentNode = styledParent->previousSibling();
479
480     // Reserve the tries for this level. This effectively makes sure that the algorithm
481     // will never go deeper than cStyleSearchLevelThreshold levels into recursion.
482     visitedNodeCount += cStyleSearchThreshold;
483     while (thisCousin) {
484         while (currentNode) {
485             ++subcount;
486             if (currentNode->renderStyle() == parentStyle && currentNode->lastChild()
487                 && is<Element>(*currentNode) && !parentElementPreventsSharing(downcast<Element>(currentNode))
488                 ) {
489                 // Adjust for unused reserved tries.
490                 visitedNodeCount -= cStyleSearchThreshold - subcount;
491                 return currentNode->lastChild();
492             }
493             if (subcount >= cStyleSearchThreshold)
494                 return nullptr;
495             currentNode = currentNode->previousSibling();
496         }
497         currentNode = locateCousinList(thisCousin->parentElement(), visitedNodeCount);
498         thisCousin = currentNode;
499     }
500
501     return nullptr;
502 }
503
504 bool StyleResolver::styleSharingCandidateMatchesRuleSet(RuleSet* ruleSet)
505 {
506     if (!ruleSet)
507         return false;
508
509     ElementRuleCollector collector(*m_state.element(), m_state.style(), m_ruleSets, m_selectorFilter);
510     return collector.hasAnyMatchingRules(ruleSet);
511 }
512
513 bool StyleResolver::canShareStyleWithControl(StyledElement* element) const
514 {
515     const State& state = m_state;
516     HTMLInputElement* thisInputElement = element->toInputElement();
517     HTMLInputElement* otherInputElement = state.element()->toInputElement();
518
519     if (!thisInputElement || !otherInputElement)
520         return false;
521
522     if (thisInputElement->isAutoFilled() != otherInputElement->isAutoFilled())
523         return false;
524     if (thisInputElement->shouldAppearChecked() != otherInputElement->shouldAppearChecked())
525         return false;
526     if (thisInputElement->shouldAppearIndeterminate() != otherInputElement->shouldAppearIndeterminate())
527         return false;
528     if (thisInputElement->isRequired() != otherInputElement->isRequired())
529         return false;
530
531     if (element->isDisabledFormControl() != state.element()->isDisabledFormControl())
532         return false;
533
534     if (element->isDefaultButtonForForm() != state.element()->isDefaultButtonForForm())
535         return false;
536
537     if (element->isInRange() != state.element()->isInRange())
538         return false;
539
540     if (element->isOutOfRange() != state.element()->isOutOfRange())
541         return false;
542
543     return true;
544 }
545
546 static inline bool elementHasDirectionAuto(Element* element)
547 {
548     // FIXME: This line is surprisingly hot, we may wish to inline hasDirectionAuto into StyleResolver.
549     return is<HTMLElement>(*element) && downcast<HTMLElement>(*element).hasDirectionAuto();
550 }
551
552 bool StyleResolver::sharingCandidateHasIdenticalStyleAffectingAttributes(StyledElement* sharingCandidate) const
553 {
554     const State& state = m_state;
555     if (state.element()->elementData() == sharingCandidate->elementData())
556         return true;
557     if (state.element()->fastGetAttribute(XMLNames::langAttr) != sharingCandidate->fastGetAttribute(XMLNames::langAttr))
558         return false;
559     if (state.element()->fastGetAttribute(langAttr) != sharingCandidate->fastGetAttribute(langAttr))
560         return false;
561
562     if (!state.elementAffectedByClassRules()) {
563         if (sharingCandidate->hasClass() && classNamesAffectedByRules(sharingCandidate->classNames()))
564             return false;
565     } else if (sharingCandidate->hasClass()) {
566         // SVG elements require a (slow!) getAttribute comparision because "class" is an animatable attribute for SVG.
567         if (state.element()->isSVGElement()) {
568             if (state.element()->getAttribute(classAttr) != sharingCandidate->getAttribute(classAttr))
569                 return false;
570         } else {
571             if (state.element()->classNames() != sharingCandidate->classNames())
572                 return false;
573         }
574     } else
575         return false;
576
577     if (state.styledElement()->presentationAttributeStyle() != sharingCandidate->presentationAttributeStyle())
578         return false;
579
580     if (state.element()->hasTagName(progressTag)) {
581         if (state.element()->shouldAppearIndeterminate() != sharingCandidate->shouldAppearIndeterminate())
582             return false;
583     }
584
585     return true;
586 }
587
588 bool StyleResolver::canShareStyleWithElement(StyledElement* element) const
589 {
590     RenderStyle* style = element->renderStyle();
591     const State& state = m_state;
592
593     if (!style)
594         return false;
595     if (style->unique())
596         return false;
597     if (style->hasUniquePseudoStyle())
598         return false;
599     if (element->tagQName() != state.element()->tagQName())
600         return false;
601     if (element->inlineStyle())
602         return false;
603     if (element->needsStyleRecalc())
604         return false;
605     if (element->isSVGElement() && downcast<SVGElement>(*element).animatedSMILStyleProperties())
606         return false;
607     if (element->isLink() != state.element()->isLink())
608         return false;
609     if (element->hovered() != state.element()->hovered())
610         return false;
611     if (element->active() != state.element()->active())
612         return false;
613     if (element->focused() != state.element()->focused())
614         return false;
615     if (element->shadowPseudoId() != state.element()->shadowPseudoId())
616         return false;
617     if (element == element->document().cssTarget())
618         return false;
619     if (!sharingCandidateHasIdenticalStyleAffectingAttributes(element))
620         return false;
621     if (element->additionalPresentationAttributeStyle() != state.styledElement()->additionalPresentationAttributeStyle())
622         return false;
623     if (element->affectsNextSiblingElementStyle() || element->styleIsAffectedByPreviousSibling())
624         return false;
625
626     if (element->hasID() && m_ruleSets.features().idsInRules.contains(element->idForStyleResolution().impl()))
627         return false;
628
629     bool isControl = is<HTMLFormControlElement>(*element);
630
631     if (isControl != is<HTMLFormControlElement>(*state.element()))
632         return false;
633
634     if (isControl && !canShareStyleWithControl(element))
635         return false;
636
637     if (style->transitions() || style->animations())
638         return false;
639
640     // Turn off style sharing for elements that can gain layers for reasons outside of the style system.
641     // See comments in RenderObject::setStyle().
642     if (element->hasTagName(iframeTag) || element->hasTagName(frameTag) || element->hasTagName(embedTag) || element->hasTagName(objectTag) || element->hasTagName(appletTag) || element->hasTagName(canvasTag))
643         return false;
644
645     if (elementHasDirectionAuto(element))
646         return false;
647
648     if (element->isLink() && state.elementLinkState() != style->insideLink())
649         return false;
650
651     if (element->elementData() != state.element()->elementData()) {
652         if (element->fastGetAttribute(readonlyAttr) != state.element()->fastGetAttribute(readonlyAttr))
653             return false;
654         if (element->isSVGElement()) {
655             if (element->getAttribute(typeAttr) != state.element()->getAttribute(typeAttr))
656                 return false;
657         } else {
658             if (element->fastGetAttribute(typeAttr) != state.element()->fastGetAttribute(typeAttr))
659                 return false;
660         }
661     }
662
663     if (element->matchesValidPseudoClass() != state.element()->matchesValidPseudoClass())
664         return false;
665
666     if (element->matchesInvalidPseudoClass() != state.element()->matchesValidPseudoClass())
667         return false;
668
669 #if ENABLE(VIDEO_TRACK)
670     // Deny sharing styles between WebVTT and non-WebVTT nodes.
671     if (is<WebVTTElement>(*state.element()))
672         return false;
673 #endif
674
675 #if ENABLE(FULLSCREEN_API)
676     if (element == element->document().webkitCurrentFullScreenElement() || state.element() == state.document().webkitCurrentFullScreenElement())
677         return false;
678 #endif
679     return true;
680 }
681
682 inline StyledElement* StyleResolver::findSiblingForStyleSharing(Node* node, unsigned& count) const
683 {
684     for (; node; node = node->previousSibling()) {
685         if (!is<StyledElement>(*node))
686             continue;
687         if (canShareStyleWithElement(downcast<StyledElement>(node)))
688             break;
689         if (count++ == cStyleSearchThreshold)
690             return nullptr;
691     }
692     return downcast<StyledElement>(node);
693 }
694
695 RenderStyle* StyleResolver::locateSharedStyle()
696 {
697     State& state = m_state;
698     if (!state.styledElement() || !state.parentStyle())
699         return nullptr;
700
701     // If the element has inline style it is probably unique.
702     if (state.styledElement()->inlineStyle())
703         return nullptr;
704     if (state.styledElement()->isSVGElement() && downcast<SVGElement>(*state.styledElement()).animatedSMILStyleProperties())
705         return nullptr;
706     // Ids stop style sharing if they show up in the stylesheets.
707     if (state.styledElement()->hasID() && m_ruleSets.features().idsInRules.contains(state.styledElement()->idForStyleResolution().impl()))
708         return nullptr;
709     if (parentElementPreventsSharing(state.element()->parentElement()))
710         return nullptr;
711     if (state.element() == state.document().cssTarget())
712         return nullptr;
713     if (elementHasDirectionAuto(state.element()))
714         return nullptr;
715
716     // Cache whether state.element is affected by any known class selectors.
717     // FIXME: This shouldn't be a member variable. The style sharing code could be factored out of StyleResolver.
718     state.setElementAffectedByClassRules(state.element() && state.element()->hasClass() && classNamesAffectedByRules(state.element()->classNames()));
719
720     // Check previous siblings and their cousins.
721     unsigned count = 0;
722     unsigned visitedNodeCount = 0;
723     StyledElement* shareElement = nullptr;
724     Node* cousinList = state.styledElement()->previousSibling();
725     while (cousinList) {
726         shareElement = findSiblingForStyleSharing(cousinList, count);
727         if (shareElement)
728             break;
729         cousinList = locateCousinList(cousinList->parentElement(), visitedNodeCount);
730     }
731
732     // If we have exhausted all our budget or our cousins.
733     if (!shareElement)
734         return nullptr;
735
736     // Can't share if sibling rules apply. This is checked at the end as it should rarely fail.
737     if (styleSharingCandidateMatchesRuleSet(m_ruleSets.sibling()))
738         return nullptr;
739     // Can't share if attribute rules apply.
740     if (styleSharingCandidateMatchesRuleSet(m_ruleSets.uncommonAttribute()))
741         return nullptr;
742     // Tracking child index requires unique style for each node. This may get set by the sibling rule match above.
743     if (parentElementPreventsSharing(state.element()->parentElement()))
744         return nullptr;
745     return shareElement->renderStyle();
746 }
747
748 static inline bool isAtShadowBoundary(const Element* element)
749 {
750     if (!element)
751         return false;
752     ContainerNode* parentNode = element->parentNode();
753     return parentNode && parentNode->isShadowRoot();
754 }
755
756 Ref<RenderStyle> StyleResolver::styleForElement(Element* element, RenderStyle* defaultParent,
757     StyleSharingBehavior sharingBehavior, RuleMatchingBehavior matchingBehavior, const RenderRegion* regionForStyling)
758 {
759     RELEASE_ASSERT(!m_inLoadPendingImages);
760
761     // Once an element has a renderer, we don't try to destroy it, since otherwise the renderer
762     // will vanish if a style recalc happens during loading.
763     if (sharingBehavior == AllowStyleSharing && !element->document().haveStylesheetsLoaded() && !element->renderer()) {
764         if (!s_styleNotYetAvailable) {
765             s_styleNotYetAvailable = &RenderStyle::create().leakRef();
766             s_styleNotYetAvailable->setDisplay(NONE);
767             s_styleNotYetAvailable->fontCascade().update(&document().fontSelector());
768         }
769         element->document().setHasNodesWithPlaceholderStyle();
770         return *s_styleNotYetAvailable;
771     }
772
773     State& state = m_state;
774     initElement(element);
775     state.initForStyleResolve(document(), element, defaultParent, regionForStyling);
776     if (sharingBehavior == AllowStyleSharing) {
777         if (RenderStyle* sharedStyle = locateSharedStyle()) {
778             state.clear();
779             return *sharedStyle;
780         }
781     }
782
783     if (state.parentStyle()) {
784         state.setStyle(RenderStyle::create());
785         state.style()->inheritFrom(state.parentStyle(), isAtShadowBoundary(element) ? RenderStyle::AtShadowBoundary : RenderStyle::NotAtShadowBoundary);
786     } else {
787         state.setStyle(defaultStyleForElement());
788         state.setParentStyle(RenderStyle::clone(state.style()));
789     }
790
791     if (element->isLink()) {
792         state.style()->setIsLink(true);
793         EInsideLink linkState = state.elementLinkState();
794         if (linkState != NotInsideLink) {
795             bool forceVisited = InspectorInstrumentation::forcePseudoState(*element, CSSSelector::PseudoClassVisited);
796             if (forceVisited)
797                 linkState = InsideVisitedLink;
798         }
799         state.style()->setInsideLink(linkState);
800     }
801
802     bool needsCollection = false;
803     CSSDefaultStyleSheets::ensureDefaultStyleSheetsForElement(*element, needsCollection);
804     if (needsCollection)
805         m_ruleSets.collectFeatures();
806
807     ElementRuleCollector collector(*element, state.style(), m_ruleSets, m_selectorFilter);
808     collector.setRegionForStyling(regionForStyling);
809     collector.setMedium(m_medium.get());
810
811     if (matchingBehavior == MatchOnlyUserAgentRules)
812         collector.matchUARules();
813     else
814         collector.matchAllRules(m_matchAuthorAndUserStyles, matchingBehavior != MatchAllRulesExcludingSMIL);
815
816     applyMatchedProperties(collector.matchedResult(), element);
817
818     // Clean up our style object's display and text decorations (among other fixups).
819     adjustRenderStyle(*state.style(), *state.parentStyle(), element);
820
821     if (state.style()->hasViewportUnits())
822         document().setHasStyleWithViewportUnits();
823
824     state.clear(); // Clear out for the next resolve.
825
826     // Now return the style.
827     return state.takeStyle();
828 }
829
830 Ref<RenderStyle> StyleResolver::styleForKeyframe(const RenderStyle* elementStyle, const StyleKeyframe* keyframe, KeyframeValue& keyframeValue)
831 {
832     RELEASE_ASSERT(!m_inLoadPendingImages);
833
834     MatchResult result;
835     result.addMatchedProperties(keyframe->properties());
836
837     ASSERT(!m_state.style());
838
839     State& state = m_state;
840
841     // Create the style
842     state.setStyle(RenderStyle::clone(elementStyle));
843     state.setParentStyle(RenderStyle::clone(elementStyle));
844
845     TextDirection direction;
846     WritingMode writingMode;
847     extractDirectionAndWritingMode(*state.style(), result, direction, writingMode);
848
849     // We don't need to bother with !important. Since there is only ever one
850     // decl, there's nothing to override. So just add the first properties.
851     CascadedProperties cascade(direction, writingMode);
852     cascade.addMatches(result, false, 0, result.matchedProperties().size() - 1);
853     
854     // Resolve custom properties first.
855     applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom);
856
857     applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty);
858
859     // If our font got dirtied, update it now.
860     updateFont();
861
862     // Now do rest of the properties.
863     applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty);
864
865     // If our font got dirtied by one of the non-essential font props, update it a second time.
866     updateFont();
867
868     cascade.applyDeferredProperties(*this);
869
870     // Start loading resources referenced by this style.
871     loadPendingResources();
872     
873     // Add all the animating properties to the keyframe.
874     unsigned propertyCount = keyframe->properties().propertyCount();
875     for (unsigned i = 0; i < propertyCount; ++i) {
876         CSSPropertyID property = keyframe->properties().propertyAt(i).id();
877         // Timing-function within keyframes is special, because it is not animated; it just
878         // describes the timing function between this keyframe and the next.
879         if (property != CSSPropertyWebkitAnimationTimingFunction && property != CSSPropertyAnimationTimingFunction)
880             keyframeValue.addProperty(property);
881     }
882
883     return state.takeStyle();
884 }
885
886 void StyleResolver::keyframeStylesForAnimation(Element* e, const RenderStyle* elementStyle, KeyframeList& list)
887 {
888     list.clear();
889
890     // Get the keyframesRule for this name
891     if (!e || list.animationName().isEmpty())
892         return;
893
894     m_keyframesRuleMap.checkConsistency();
895
896     KeyframesRuleMap::iterator it = m_keyframesRuleMap.find(list.animationName().impl());
897     if (it == m_keyframesRuleMap.end())
898         return;
899
900     const StyleRuleKeyframes* keyframesRule = it->value.get();
901
902     // Construct and populate the style for each keyframe
903     const Vector<RefPtr<StyleKeyframe>>& keyframes = keyframesRule->keyframes();
904     for (unsigned i = 0; i < keyframes.size(); ++i) {
905         // Apply the declaration to the style. This is a simplified version of the logic in styleForElement
906         initElement(e);
907         m_state.initForStyleResolve(document(), e, nullptr);
908
909         const StyleKeyframe* keyframe = keyframes[i].get();
910
911         KeyframeValue keyframeValue(0, nullptr);
912         keyframeValue.setStyle(styleForKeyframe(elementStyle, keyframe, keyframeValue));
913
914         // Add this keyframe style to all the indicated key times
915         for (auto& key: keyframe->keys()) {
916             keyframeValue.setKey(key);
917             list.insert(keyframeValue);
918         }
919     }
920
921     // If the 0% keyframe is missing, create it (but only if there is at least one other keyframe)
922     int initialListSize = list.size();
923     if (initialListSize > 0 && list[0].key()) {
924         static StyleKeyframe* zeroPercentKeyframe;
925         if (!zeroPercentKeyframe) {
926             zeroPercentKeyframe = &StyleKeyframe::create(MutableStyleProperties::create()).leakRef();
927             zeroPercentKeyframe->setKeyText("0%");
928         }
929         KeyframeValue keyframeValue(0, nullptr);
930         keyframeValue.setStyle(styleForKeyframe(elementStyle, zeroPercentKeyframe, keyframeValue));
931         list.insert(keyframeValue);
932     }
933
934     // If the 100% keyframe is missing, create it (but only if there is at least one other keyframe)
935     if (initialListSize > 0 && (list[list.size() - 1].key() != 1)) {
936         static StyleKeyframe* hundredPercentKeyframe;
937         if (!hundredPercentKeyframe) {
938             hundredPercentKeyframe = &StyleKeyframe::create(MutableStyleProperties::create()).leakRef();
939             hundredPercentKeyframe->setKeyText("100%");
940         }
941         KeyframeValue keyframeValue(1, nullptr);
942         keyframeValue.setStyle(styleForKeyframe(elementStyle, hundredPercentKeyframe, keyframeValue));
943         list.insert(keyframeValue);
944     }
945 }
946
947 PassRefPtr<RenderStyle> StyleResolver::pseudoStyleForElement(Element* element, const PseudoStyleRequest& pseudoStyleRequest, RenderStyle* parentStyle)
948 {
949     ASSERT(parentStyle);
950     if (!element)
951         return nullptr;
952
953     State& state = m_state;
954
955     initElement(element);
956
957     state.initForStyleResolve(document(), element, parentStyle);
958
959     if (m_state.parentStyle()) {
960         state.setStyle(RenderStyle::create());
961         state.style()->inheritFrom(m_state.parentStyle());
962     } else {
963         state.setStyle(defaultStyleForElement());
964         state.setParentStyle(RenderStyle::clone(state.style()));
965     }
966
967     // Since we don't use pseudo-elements in any of our quirk/print user agent rules, don't waste time walking
968     // those rules.
969
970     // Check UA, user and author rules.
971     ElementRuleCollector collector(*element, m_state.style(), m_ruleSets, m_selectorFilter);
972     collector.setPseudoStyleRequest(pseudoStyleRequest);
973     collector.setMedium(m_medium.get());
974     collector.matchUARules();
975
976     if (m_matchAuthorAndUserStyles) {
977         collector.matchUserRules(false);
978         collector.matchAuthorRules(false);
979     }
980
981     if (collector.matchedResult().matchedProperties().isEmpty())
982         return nullptr;
983
984     state.style()->setStyleType(pseudoStyleRequest.pseudoId);
985
986     applyMatchedProperties(collector.matchedResult(), element);
987
988     // Clean up our style object's display and text decorations (among other fixups).
989     adjustRenderStyle(*state.style(), *m_state.parentStyle(), nullptr);
990
991     if (state.style()->hasViewportUnits())
992         document().setHasStyleWithViewportUnits();
993
994     // Start loading resources referenced by this style.
995     loadPendingResources();
996
997     // Now return the style.
998     return state.takeStyle();
999 }
1000
1001 Ref<RenderStyle> StyleResolver::styleForPage(int pageIndex)
1002 {
1003     RELEASE_ASSERT(!m_inLoadPendingImages);
1004
1005     m_state.initForStyleResolve(m_document, m_document.documentElement(), m_document.renderStyle());
1006
1007     m_state.setStyle(RenderStyle::create());
1008     m_state.style()->inheritFrom(m_state.rootElementStyle());
1009
1010     PageRuleCollector collector(m_state, m_ruleSets);
1011     collector.matchAllPageRules(pageIndex);
1012
1013     MatchResult& result = collector.matchedResult();
1014
1015     TextDirection direction;
1016     WritingMode writingMode;
1017     extractDirectionAndWritingMode(*m_state.style(), result, direction, writingMode);
1018
1019     CascadedProperties cascade(direction, writingMode);
1020     cascade.addMatches(result, false, 0, result.matchedProperties().size() - 1);
1021
1022     // Resolve custom properties first.
1023     applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom);
1024
1025     applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty);
1026
1027     // If our font got dirtied, update it now.
1028     updateFont();
1029
1030     applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty);
1031
1032     cascade.applyDeferredProperties(*this);
1033
1034     // Start loading resources referenced by this style.
1035     loadPendingResources();
1036
1037     // Now return the style.
1038     return m_state.takeStyle();
1039 }
1040
1041 Ref<RenderStyle> StyleResolver::defaultStyleForElement()
1042 {
1043     m_state.setStyle(RenderStyle::create());
1044     // Make sure our fonts are initialized if we don't inherit them from our parent style.
1045     initializeFontStyle(documentSettings());
1046     if (documentSettings())
1047         m_state.style()->fontCascade().update(&document().fontSelector());
1048     else
1049         m_state.style()->fontCascade().update(nullptr);
1050
1051     return m_state.takeStyle();
1052 }
1053
1054 static void addIntrinsicMargins(RenderStyle& style)
1055 {
1056     // Intrinsic margin value.
1057     const int intrinsicMargin = 2 * style.effectiveZoom();
1058
1059     // FIXME: Using width/height alone and not also dealing with min-width/max-width is flawed.
1060     // FIXME: Using "hasQuirk" to decide the margin wasn't set is kind of lame.
1061     if (style.width().isIntrinsicOrAuto()) {
1062         if (style.marginLeft().hasQuirk())
1063             style.setMarginLeft(Length(intrinsicMargin, Fixed));
1064         if (style.marginRight().hasQuirk())
1065             style.setMarginRight(Length(intrinsicMargin, Fixed));
1066     }
1067
1068     if (style.height().isAuto()) {
1069         if (style.marginTop().hasQuirk())
1070             style.setMarginTop(Length(intrinsicMargin, Fixed));
1071         if (style.marginBottom().hasQuirk())
1072             style.setMarginBottom(Length(intrinsicMargin, Fixed));
1073     }
1074 }
1075
1076 static EDisplay equivalentBlockDisplay(EDisplay display, bool isFloating, bool strictParsing)
1077 {
1078     switch (display) {
1079     case BLOCK:
1080     case TABLE:
1081     case BOX:
1082     case FLEX:
1083     case WEBKIT_FLEX:
1084 #if ENABLE(CSS_GRID_LAYOUT)
1085     case GRID:
1086 #endif
1087         return display;
1088
1089     case LIST_ITEM:
1090         // It is a WinIE bug that floated list items lose their bullets, so we'll emulate the quirk, but only in quirks mode.
1091         if (!strictParsing && isFloating)
1092             return BLOCK;
1093         return display;
1094     case INLINE_TABLE:
1095         return TABLE;
1096     case INLINE_BOX:
1097         return BOX;
1098     case INLINE_FLEX:
1099     case WEBKIT_INLINE_FLEX:
1100         return FLEX;
1101 #if ENABLE(CSS_GRID_LAYOUT)
1102     case INLINE_GRID:
1103         return GRID;
1104 #endif
1105
1106     case INLINE:
1107     case COMPACT:
1108     case INLINE_BLOCK:
1109     case TABLE_ROW_GROUP:
1110     case TABLE_HEADER_GROUP:
1111     case TABLE_FOOTER_GROUP:
1112     case TABLE_ROW:
1113     case TABLE_COLUMN_GROUP:
1114     case TABLE_COLUMN:
1115     case TABLE_CELL:
1116     case TABLE_CAPTION:
1117         return BLOCK;
1118     case NONE:
1119         ASSERT_NOT_REACHED();
1120         return NONE;
1121     }
1122     ASSERT_NOT_REACHED();
1123     return BLOCK;
1124 }
1125
1126 // CSS requires text-decoration to be reset at each DOM element for tables, 
1127 // inline blocks, inline tables, shadow DOM crossings, floating elements,
1128 // and absolute or relatively positioned elements.
1129 static bool doesNotInheritTextDecoration(const RenderStyle& style, Element* e)
1130 {
1131     return style.display() == TABLE || style.display() == INLINE_TABLE
1132         || style.display() == INLINE_BLOCK || style.display() == INLINE_BOX || isAtShadowBoundary(e)
1133         || style.isFloating() || style.hasOutOfFlowPosition();
1134 }
1135
1136 #if ENABLE(ACCELERATED_OVERFLOW_SCROLLING)
1137 static bool isScrollableOverflow(EOverflow overflow)
1138 {
1139     return overflow == OSCROLL || overflow == OAUTO || overflow == OOVERLAY;
1140 }
1141 #endif
1142
1143 void StyleResolver::adjustStyleForInterCharacterRuby()
1144 {
1145     RenderStyle* style = m_state.style();
1146     if (style->rubyPosition() != RubyPositionInterCharacter || !m_state.element() || !m_state.element()->hasTagName(rtTag))
1147         return;
1148     style->setTextAlign(CENTER);
1149     if (style->isHorizontalWritingMode())
1150         style->setWritingMode(LeftToRightWritingMode);
1151 }
1152
1153 void StyleResolver::adjustRenderStyle(RenderStyle& style, const RenderStyle& parentStyle, Element *e)
1154 {
1155     // Cache our original display.
1156     style.setOriginalDisplay(style.display());
1157
1158     if (style.display() != NONE) {
1159         // If we have a <td> that specifies a float property, in quirks mode we just drop the float
1160         // property.
1161         // Sites also commonly use display:inline/block on <td>s and <table>s. In quirks mode we force
1162         // these tags to retain their display types.
1163         if (document().inQuirksMode() && e) {
1164             if (e->hasTagName(tdTag)) {
1165                 style.setDisplay(TABLE_CELL);
1166                 style.setFloating(NoFloat);
1167             } else if (is<HTMLTableElement>(*e))
1168                 style.setDisplay(style.isDisplayInlineType() ? INLINE_TABLE : TABLE);
1169         }
1170
1171         if (e && (e->hasTagName(tdTag) || e->hasTagName(thTag))) {
1172             if (style.whiteSpace() == KHTML_NOWRAP) {
1173                 // Figure out if we are really nowrapping or if we should just
1174                 // use normal instead. If the width of the cell is fixed, then
1175                 // we don't actually use NOWRAP.
1176                 if (style.width().isFixed())
1177                     style.setWhiteSpace(NORMAL);
1178                 else
1179                     style.setWhiteSpace(NOWRAP);
1180             }
1181         }
1182
1183         // Tables never support the -webkit-* values for text-align and will reset back to the default.
1184         if (is<HTMLTableElement>(e) && (style.textAlign() == WEBKIT_LEFT || style.textAlign() == WEBKIT_CENTER || style.textAlign() == WEBKIT_RIGHT))
1185             style.setTextAlign(TASTART);
1186
1187         // Frames and framesets never honor position:relative or position:absolute. This is necessary to
1188         // fix a crash where a site tries to position these objects. They also never honor display.
1189         if (e && (e->hasTagName(frameTag) || e->hasTagName(framesetTag))) {
1190             style.setPosition(StaticPosition);
1191             style.setDisplay(BLOCK);
1192         }
1193
1194         // Ruby text does not support float or position. This might change with evolution of the specification.
1195         if (e && e->hasTagName(rtTag)) {
1196             style.setPosition(StaticPosition);
1197             style.setFloating(NoFloat);
1198         }
1199
1200         // FIXME: We shouldn't be overriding start/-webkit-auto like this. Do it in html.css instead.
1201         // Table headers with a text-align of -webkit-auto will change the text-align to center.
1202         if (e && e->hasTagName(thTag) && style.textAlign() == TASTART)
1203             style.setTextAlign(CENTER);
1204
1205         if (e && e->hasTagName(legendTag))
1206             style.setDisplay(BLOCK);
1207
1208         // Absolute/fixed positioned elements, floating elements and the document element need block-like outside display.
1209         if (style.hasOutOfFlowPosition() || style.isFloating() || (e && e->document().documentElement() == e))
1210             style.setDisplay(equivalentBlockDisplay(style.display(), style.isFloating(), !document().inQuirksMode()));
1211
1212         // FIXME: Don't support this mutation for pseudo styles like first-letter or first-line, since it's not completely
1213         // clear how that should work.
1214         if (style.display() == INLINE && style.styleType() == NOPSEUDO && style.writingMode() != parentStyle.writingMode())
1215             style.setDisplay(INLINE_BLOCK);
1216
1217         // After performing the display mutation, check table rows. We do not honor position:relative or position:sticky on
1218         // table rows or cells. This has been established for position:relative in CSS2.1 (and caused a crash in containingBlock()
1219         // on some sites).
1220         if ((style.display() == TABLE_HEADER_GROUP || style.display() == TABLE_ROW_GROUP
1221             || style.display() == TABLE_FOOTER_GROUP || style.display() == TABLE_ROW)
1222             && style.position() == RelativePosition)
1223             style.setPosition(StaticPosition);
1224
1225         // writing-mode does not apply to table row groups, table column groups, table rows, and table columns.
1226         // FIXME: Table cells should be allowed to be perpendicular or flipped with respect to the table, though.
1227         if (style.display() == TABLE_COLUMN || style.display() == TABLE_COLUMN_GROUP || style.display() == TABLE_FOOTER_GROUP
1228             || style.display() == TABLE_HEADER_GROUP || style.display() == TABLE_ROW || style.display() == TABLE_ROW_GROUP
1229             || style.display() == TABLE_CELL)
1230             style.setWritingMode(parentStyle.writingMode());
1231
1232         // FIXME: Since we don't support block-flow on flexible boxes yet, disallow setting
1233         // of block-flow to anything other than TopToBottomWritingMode.
1234         // https://bugs.webkit.org/show_bug.cgi?id=46418 - Flexible box support.
1235         if (style.writingMode() != TopToBottomWritingMode && (style.display() == BOX || style.display() == INLINE_BOX))
1236             style.setWritingMode(TopToBottomWritingMode);
1237
1238         if (parentStyle.isDisplayFlexibleOrGridBox()) {
1239             style.setFloating(NoFloat);
1240             style.setDisplay(equivalentBlockDisplay(style.display(), style.isFloating(), !document().inQuirksMode()));
1241         }
1242     }
1243
1244     // Make sure our z-index value is only applied if the object is positioned.
1245     if (style.position() == StaticPosition && !parentStyle.isDisplayFlexibleOrGridBox())
1246         style.setHasAutoZIndex();
1247
1248     // Auto z-index becomes 0 for the root element and transparent objects. This prevents
1249     // cases where objects that should be blended as a single unit end up with a non-transparent
1250     // object wedged in between them. Auto z-index also becomes 0 for objects that specify transforms/masks/reflections.
1251     if (style.hasAutoZIndex() && ((e && e->document().documentElement() == e)
1252         || style.opacity() < 1.0f
1253         || style.hasTransformRelatedProperty()
1254         || style.hasMask()
1255         || style.clipPath()
1256         || style.boxReflect()
1257         || style.hasFilter()
1258 #if ENABLE(FILTERS_LEVEL_2)
1259         || style.hasBackdropFilter()
1260 #endif
1261         || style.hasBlendMode()
1262         || style.hasIsolation()
1263         || style.position() == StickyPosition
1264         || (style.position() == FixedPosition && documentSettings() && documentSettings()->fixedPositionCreatesStackingContext())
1265         || style.hasFlowFrom()
1266         || style.willChangeCreatesStackingContext()
1267         ))
1268         style.setZIndex(0);
1269
1270     // Textarea considers overflow visible as auto.
1271     if (is<HTMLTextAreaElement>(e)) {
1272         style.setOverflowX(style.overflowX() == OVISIBLE ? OAUTO : style.overflowX());
1273         style.setOverflowY(style.overflowY() == OVISIBLE ? OAUTO : style.overflowY());
1274     }
1275
1276     // Disallow -webkit-user-modify on :pseudo and ::pseudo elements.
1277     if (e && !e->shadowPseudoId().isNull())
1278         style.setUserModify(READ_ONLY);
1279
1280     if (doesNotInheritTextDecoration(style, e))
1281         style.setTextDecorationsInEffect(style.textDecoration());
1282     else
1283         style.addToTextDecorationsInEffect(style.textDecoration());
1284
1285     // If either overflow value is not visible, change to auto.
1286     if (style.overflowX() == OMARQUEE && style.overflowY() != OMARQUEE)
1287         style.setOverflowY(OMARQUEE);
1288     else if (style.overflowY() == OMARQUEE && style.overflowX() != OMARQUEE)
1289         style.setOverflowX(OMARQUEE);
1290     else if (style.overflowX() == OVISIBLE && style.overflowY() != OVISIBLE) {
1291         // FIXME: Once we implement pagination controls, overflow-x should default to hidden
1292         // if overflow-y is set to -webkit-paged-x or -webkit-page-y. For now, we'll let it
1293         // default to auto so we can at least scroll through the pages.
1294         style.setOverflowX(OAUTO);
1295     } else if (style.overflowY() == OVISIBLE && style.overflowX() != OVISIBLE)
1296         style.setOverflowY(OAUTO);
1297
1298     // Call setStylesForPaginationMode() if a pagination mode is set for any non-root elements. If these
1299     // styles are specified on a root element, then they will be incorporated in
1300     // Style::createForDocument().
1301     if ((style.overflowY() == OPAGEDX || style.overflowY() == OPAGEDY) && !(e && (e->hasTagName(htmlTag) || e->hasTagName(bodyTag))))
1302         style.setColumnStylesFromPaginationMode(WebCore::paginationModeForRenderStyle(style));
1303
1304     // Table rows, sections and the table itself will support overflow:hidden and will ignore scroll/auto.
1305     // FIXME: Eventually table sections will support auto and scroll.
1306     if (style.display() == TABLE || style.display() == INLINE_TABLE
1307         || style.display() == TABLE_ROW_GROUP || style.display() == TABLE_ROW) {
1308         if (style.overflowX() != OVISIBLE && style.overflowX() != OHIDDEN)
1309             style.setOverflowX(OVISIBLE);
1310         if (style.overflowY() != OVISIBLE && style.overflowY() != OHIDDEN)
1311             style.setOverflowY(OVISIBLE);
1312     }
1313
1314     // Menulists should have visible overflow
1315     if (style.appearance() == MenulistPart) {
1316         style.setOverflowX(OVISIBLE);
1317         style.setOverflowY(OVISIBLE);
1318     }
1319
1320 #if ENABLE(ACCELERATED_OVERFLOW_SCROLLING)
1321     // Touch overflow scrolling creates a stacking context.
1322     if (style.hasAutoZIndex() && style.useTouchOverflowScrolling() && (isScrollableOverflow(style.overflowX()) || isScrollableOverflow(style.overflowY())))
1323         style.setZIndex(0);
1324 #endif
1325
1326     // Cull out any useless layers and also repeat patterns into additional layers.
1327     style.adjustBackgroundLayers();
1328     style.adjustMaskLayers();
1329
1330     // Do the same for animations and transitions.
1331     style.adjustAnimations();
1332     style.adjustTransitions();
1333
1334     // Important: Intrinsic margins get added to controls before the theme has adjusted the style, since the theme will
1335     // alter fonts and heights/widths.
1336     if (is<HTMLFormControlElement>(e) && style.fontSize() >= 11) {
1337         // Don't apply intrinsic margins to image buttons. The designer knows how big the images are,
1338         // so we have to treat all image buttons as though they were explicitly sized.
1339         if (!is<HTMLInputElement>(*e) || !downcast<HTMLInputElement>(*e).isImageButton())
1340             addIntrinsicMargins(style);
1341     }
1342
1343     // Let the theme also have a crack at adjusting the style.
1344     if (style.hasAppearance())
1345         RenderTheme::defaultTheme()->adjustStyle(*this, style, e, m_state.hasUAAppearance(), m_state.borderData(), m_state.backgroundData(), m_state.backgroundColor());
1346
1347     // If we have first-letter pseudo style, do not share this style.
1348     if (style.hasPseudoStyle(FIRST_LETTER))
1349         style.setUnique();
1350
1351     // FIXME: when dropping the -webkit prefix on transform-style, we should also have opacity < 1 cause flattening.
1352     if (style.preserves3D() && (style.overflowX() != OVISIBLE
1353         || style.overflowY() != OVISIBLE
1354         || style.hasFilter()
1355 #if ENABLE(FILTERS_LEVEL_2)
1356         || style.hasBackdropFilter()
1357 #endif
1358         || style.hasBlendMode()))
1359         style.setTransformStyle3D(TransformStyle3DFlat);
1360
1361     if (e && e->isSVGElement()) {
1362         // Only the root <svg> element in an SVG document fragment tree honors css position
1363         if (!(e->hasTagName(SVGNames::svgTag) && e->parentNode() && !e->parentNode()->isSVGElement()))
1364             style.setPosition(RenderStyle::initialPosition());
1365
1366         // RenderSVGRoot handles zooming for the whole SVG subtree, so foreignObject content should
1367         // not be scaled again.
1368         if (e->hasTagName(SVGNames::foreignObjectTag))
1369             style.setEffectiveZoom(RenderStyle::initialZoom());
1370
1371         // SVG text layout code expects us to be a block-level style element.
1372         if ((e->hasTagName(SVGNames::foreignObjectTag) || e->hasTagName(SVGNames::textTag)) && style.isDisplayInlineType())
1373             style.setDisplay(BLOCK);
1374     }
1375
1376     // If the inherited value of justify-items includes the legacy keyword, 'auto'
1377     // computes to the the inherited value.
1378     if (parentStyle.justifyItemsPositionType() == LegacyPosition && style.justifyItemsPosition() == ItemPositionAuto)
1379         style.setJustifyItems(parentStyle.justifyItems());
1380 }
1381
1382 bool StyleResolver::checkRegionStyle(Element* regionElement)
1383 {
1384     unsigned rulesSize = m_ruleSets.authorStyle()->regionSelectorsAndRuleSets().size();
1385     for (unsigned i = 0; i < rulesSize; ++i) {
1386         ASSERT(m_ruleSets.authorStyle()->regionSelectorsAndRuleSets().at(i).ruleSet.get());
1387         if (checkRegionSelector(m_ruleSets.authorStyle()->regionSelectorsAndRuleSets().at(i).selector, regionElement))
1388             return true;
1389     }
1390
1391     if (m_ruleSets.userStyle()) {
1392         rulesSize = m_ruleSets.userStyle()->regionSelectorsAndRuleSets().size();
1393         for (unsigned i = 0; i < rulesSize; ++i) {
1394             ASSERT(m_ruleSets.userStyle()->regionSelectorsAndRuleSets().at(i).ruleSet.get());
1395             if (checkRegionSelector(m_ruleSets.userStyle()->regionSelectorsAndRuleSets().at(i).selector, regionElement))
1396                 return true;
1397         }
1398     }
1399
1400     return false;
1401 }
1402
1403 static void checkForOrientationChange(RenderStyle* style)
1404 {
1405     FontOrientation fontOrientation;
1406     NonCJKGlyphOrientation glyphOrientation;
1407     style->getFontAndGlyphOrientation(fontOrientation, glyphOrientation);
1408
1409     const auto& fontDescription = style->fontDescription();
1410     if (fontDescription.orientation() == fontOrientation && fontDescription.nonCJKGlyphOrientation() == glyphOrientation)
1411         return;
1412
1413     auto newFontDescription = fontDescription;
1414     newFontDescription.setNonCJKGlyphOrientation(glyphOrientation);
1415     newFontDescription.setOrientation(fontOrientation);
1416     style->setFontDescription(newFontDescription);
1417 }
1418
1419 void StyleResolver::updateFont()
1420 {
1421     if (!m_state.fontDirty())
1422         return;
1423
1424     RenderStyle* style = m_state.style();
1425 #if ENABLE(IOS_TEXT_AUTOSIZING)
1426     checkForTextSizeAdjust(style);
1427 #endif
1428     checkForGenericFamilyChange(style, m_state.parentStyle());
1429     checkForZoomChange(style, m_state.parentStyle());
1430     checkForOrientationChange(style);
1431     style->fontCascade().update(&document().fontSelector());
1432     if (m_state.fontSizeHasViewportUnits())
1433         style->setHasViewportUnits(true);
1434     m_state.setFontDirty(false);
1435 }
1436
1437 Vector<RefPtr<StyleRule>> StyleResolver::styleRulesForElement(Element* e, unsigned rulesToInclude)
1438 {
1439     return pseudoStyleRulesForElement(e, NOPSEUDO, rulesToInclude);
1440 }
1441
1442 Vector<RefPtr<StyleRule>> StyleResolver::pseudoStyleRulesForElement(Element* element, PseudoId pseudoId, unsigned rulesToInclude)
1443 {
1444     if (!element || !element->document().haveStylesheetsLoaded())
1445         return Vector<RefPtr<StyleRule>>();
1446
1447     initElement(element);
1448     m_state.initForStyleResolve(document(), element, nullptr);
1449
1450     ElementRuleCollector collector(*element, m_state.style(), m_ruleSets, m_selectorFilter);
1451     collector.setMode(SelectorChecker::Mode::CollectingRules);
1452     collector.setPseudoStyleRequest(PseudoStyleRequest(pseudoId));
1453     collector.setMedium(m_medium.get());
1454
1455     if (rulesToInclude & UAAndUserCSSRules) {
1456         // First we match rules from the user agent sheet.
1457         collector.matchUARules();
1458         
1459         // Now we check user sheet rules.
1460         if (m_matchAuthorAndUserStyles)
1461             collector.matchUserRules(rulesToInclude & EmptyCSSRules);
1462     }
1463
1464     if (m_matchAuthorAndUserStyles && (rulesToInclude & AuthorCSSRules)) {
1465         collector.setSameOriginOnly(!(rulesToInclude & CrossOriginCSSRules));
1466
1467         // Check the rules in author sheets.
1468         collector.matchAuthorRules(rulesToInclude & EmptyCSSRules);
1469     }
1470
1471     return collector.matchedRuleList();
1472 }
1473
1474 static bool shouldApplyPropertyInParseOrder(CSSPropertyID propertyID)
1475 {
1476     switch (propertyID) {
1477     case CSSPropertyWebkitBackgroundClip:
1478     case CSSPropertyBackgroundClip:
1479     case CSSPropertyWebkitBackgroundOrigin:
1480     case CSSPropertyBackgroundOrigin:
1481     case CSSPropertyWebkitBackgroundSize:
1482     case CSSPropertyBackgroundSize:
1483     case CSSPropertyWebkitBorderImage:
1484     case CSSPropertyBorderImage:
1485     case CSSPropertyBorderImageSlice:
1486     case CSSPropertyBorderImageSource:
1487     case CSSPropertyBorderImageOutset:
1488     case CSSPropertyBorderImageRepeat:
1489     case CSSPropertyBorderImageWidth:
1490     case CSSPropertyWebkitBoxShadow:
1491     case CSSPropertyBoxShadow:
1492     case CSSPropertyWebkitTextDecoration:
1493     case CSSPropertyWebkitTextDecorationLine:
1494     case CSSPropertyWebkitTextDecorationStyle:
1495     case CSSPropertyWebkitTextDecorationColor:
1496     case CSSPropertyWebkitTextDecorationSkip:
1497     case CSSPropertyWebkitTextUnderlinePosition:
1498     case CSSPropertyTextDecoration:
1499         return true;
1500     default:
1501         return false;
1502     }
1503 }
1504
1505 static bool elementTypeHasAppearanceFromUAStyle(const Element& element)
1506 {
1507     // NOTE: This is just a hard-coded list of elements that have some -webkit-appearance value in html.css
1508     const auto& localName = element.localName();
1509     return localName == HTMLNames::inputTag
1510         || localName == HTMLNames::textareaTag
1511         || localName == HTMLNames::buttonTag
1512         || localName == HTMLNames::progressTag
1513         || localName == HTMLNames::selectTag
1514         || localName == HTMLNames::meterTag
1515         || localName == HTMLNames::isindexTag;
1516 }
1517
1518 unsigned StyleResolver::computeMatchedPropertiesHash(const MatchedProperties* properties, unsigned size)
1519 {
1520     return StringHasher::hashMemory(properties, sizeof(MatchedProperties) * size);
1521 }
1522
1523 bool operator==(const StyleResolver::MatchRanges& a, const StyleResolver::MatchRanges& b)
1524 {
1525     return a.firstUARule == b.firstUARule
1526         && a.lastUARule == b.lastUARule
1527         && a.firstAuthorRule == b.firstAuthorRule
1528         && a.lastAuthorRule == b.lastAuthorRule
1529         && a.firstUserRule == b.firstUserRule
1530         && a.lastUserRule == b.lastUserRule;
1531 }
1532
1533 bool operator!=(const StyleResolver::MatchRanges& a, const StyleResolver::MatchRanges& b)
1534 {
1535     return !(a == b);
1536 }
1537
1538 bool operator==(const StyleResolver::MatchedProperties& a, const StyleResolver::MatchedProperties& b)
1539 {
1540     return a.properties == b.properties && a.linkMatchType == b.linkMatchType;
1541 }
1542
1543 bool operator!=(const StyleResolver::MatchedProperties& a, const StyleResolver::MatchedProperties& b)
1544 {
1545     return !(a == b);
1546 }
1547
1548 const StyleResolver::MatchedPropertiesCacheItem* StyleResolver::findFromMatchedPropertiesCache(unsigned hash, const MatchResult& matchResult)
1549 {
1550     ASSERT(hash);
1551
1552     MatchedPropertiesCache::iterator it = m_matchedPropertiesCache.find(hash);
1553     if (it == m_matchedPropertiesCache.end())
1554         return nullptr;
1555     MatchedPropertiesCacheItem& cacheItem = it->value;
1556
1557     size_t size = matchResult.matchedProperties().size();
1558     if (size != cacheItem.matchedProperties.size())
1559         return nullptr;
1560     for (size_t i = 0; i < size; ++i) {
1561         if (matchResult.matchedProperties()[i] != cacheItem.matchedProperties[i])
1562             return nullptr;
1563     }
1564     if (cacheItem.ranges != matchResult.ranges)
1565         return nullptr;
1566     return &cacheItem;
1567 }
1568
1569 void StyleResolver::addToMatchedPropertiesCache(const RenderStyle* style, const RenderStyle* parentStyle, unsigned hash, const MatchResult& matchResult)
1570 {
1571     static const unsigned matchedDeclarationCacheAdditionsBetweenSweeps = 100;
1572     if (++m_matchedPropertiesCacheAdditionsSinceLastSweep >= matchedDeclarationCacheAdditionsBetweenSweeps
1573         && !m_matchedPropertiesCacheSweepTimer.isActive()) {
1574         static const unsigned matchedDeclarationCacheSweepTimeInSeconds = 60;
1575         m_matchedPropertiesCacheSweepTimer.startOneShot(matchedDeclarationCacheSweepTimeInSeconds);
1576     }
1577
1578     ASSERT(hash);
1579     MatchedPropertiesCacheItem cacheItem;
1580     cacheItem.matchedProperties.appendVector(matchResult.matchedProperties());
1581     cacheItem.ranges = matchResult.ranges;
1582     // Note that we don't cache the original RenderStyle instance. It may be further modified.
1583     // The RenderStyle in the cache is really just a holder for the substructures and never used as-is.
1584     cacheItem.renderStyle = RenderStyle::clone(style);
1585     cacheItem.parentRenderStyle = RenderStyle::clone(parentStyle);
1586     m_matchedPropertiesCache.add(hash, WTF::move(cacheItem));
1587 }
1588
1589 void StyleResolver::invalidateMatchedPropertiesCache()
1590 {
1591     m_matchedPropertiesCache.clear();
1592 }
1593
1594 void StyleResolver::clearCachedPropertiesAffectedByViewportUnits()
1595 {
1596     Vector<unsigned, 16> toRemove;
1597     for (auto& cacheKeyValue : m_matchedPropertiesCache) {
1598         if (cacheKeyValue.value.renderStyle->hasViewportUnits())
1599             toRemove.append(cacheKeyValue.key);
1600     }
1601     for (auto key : toRemove)
1602         m_matchedPropertiesCache.remove(key);
1603 }
1604
1605 static bool isCacheableInMatchedPropertiesCache(const Element* element, const RenderStyle* style, const RenderStyle* parentStyle)
1606 {
1607     // FIXME: CSSPropertyWebkitWritingMode modifies state when applying to document element. We can't skip the applying by caching.
1608     if (element == element->document().documentElement() && element->document().writingModeSetOnDocumentElement())
1609         return false;
1610     if (style->unique() || (style->styleType() != NOPSEUDO && parentStyle->unique()))
1611         return false;
1612     if (style->hasAppearance())
1613         return false;
1614     if (style->zoom() != RenderStyle::initialZoom())
1615         return false;
1616     if (style->writingMode() != RenderStyle::initialWritingMode() || style->direction() != RenderStyle::initialDirection())
1617         return false;
1618     // The cache assumes static knowledge about which properties are inherited.
1619     if (parentStyle->hasExplicitlyInheritedProperties())
1620         return false;
1621     return true;
1622 }
1623
1624 void extractDirectionAndWritingMode(const RenderStyle& style, const StyleResolver::MatchResult& matchResult, TextDirection& direction, WritingMode& writingMode)
1625 {
1626     direction = style.direction();
1627     writingMode = style.writingMode();
1628
1629     bool hadImportantWebkitWritingMode = false;
1630     bool hadImportantDirection = false;
1631
1632     for (const auto& matchedProperties : matchResult.matchedProperties()) {
1633         for (unsigned i = 0, count = matchedProperties.properties->propertyCount(); i < count; ++i) {
1634             auto property = matchedProperties.properties->propertyAt(i);
1635             if (!property.value()->isPrimitiveValue())
1636                 continue;
1637             switch (property.id()) {
1638             case CSSPropertyWebkitWritingMode:
1639                 if (!hadImportantWebkitWritingMode || property.isImportant()) {
1640                     writingMode = downcast<CSSPrimitiveValue>(*property.value());
1641                     hadImportantWebkitWritingMode = property.isImportant();
1642                 }
1643                 break;
1644             case CSSPropertyDirection:
1645                 if (!hadImportantDirection || property.isImportant()) {
1646                     direction = downcast<CSSPrimitiveValue>(*property.value());
1647                     hadImportantDirection = property.isImportant();
1648                 }
1649                 break;
1650             default:
1651                 break;
1652             }
1653         }
1654     }
1655 }
1656
1657 void StyleResolver::applyMatchedProperties(const MatchResult& matchResult, const Element* element, ShouldUseMatchedPropertiesCache shouldUseMatchedPropertiesCache)
1658 {
1659     ASSERT(element);
1660     State& state = m_state;
1661     unsigned cacheHash = shouldUseMatchedPropertiesCache && matchResult.isCacheable ? computeMatchedPropertiesHash(matchResult.matchedProperties().data(), matchResult.matchedProperties().size()) : 0;
1662     bool applyInheritedOnly = false;
1663     const MatchedPropertiesCacheItem* cacheItem = nullptr;
1664     if (cacheHash && (cacheItem = findFromMatchedPropertiesCache(cacheHash, matchResult))
1665         && isCacheableInMatchedPropertiesCache(element, state.style(), state.parentStyle())) {
1666         // We can build up the style by copying non-inherited properties from an earlier style object built using the same exact
1667         // style declarations. We then only need to apply the inherited properties, if any, as their values can depend on the 
1668         // element context. This is fast and saves memory by reusing the style data structures.
1669         state.style()->copyNonInheritedFrom(cacheItem->renderStyle.get());
1670         if (state.parentStyle()->inheritedDataShared(cacheItem->parentRenderStyle.get()) && !isAtShadowBoundary(element)) {
1671             EInsideLink linkStatus = state.style()->insideLink();
1672             // If the cache item parent style has identical inherited properties to the current parent style then the
1673             // resulting style will be identical too. We copy the inherited properties over from the cache and are done.
1674             state.style()->inheritFrom(cacheItem->renderStyle.get());
1675
1676             // Unfortunately the link status is treated like an inherited property. We need to explicitly restore it.
1677             state.style()->setInsideLink(linkStatus);
1678             return;
1679         }
1680         applyInheritedOnly = true; 
1681     }
1682
1683     // Directional properties (*-before/after) are aliases that depend on the TextDirection and WritingMode.
1684     // These must be resolved before we can begin the property cascade.
1685     TextDirection direction;
1686     WritingMode writingMode;
1687     extractDirectionAndWritingMode(*state.style(), matchResult, direction, writingMode);
1688
1689     if (elementTypeHasAppearanceFromUAStyle(*state.element())) {
1690         // FIXME: This is such a hack.
1691         // Find out if there's a -webkit-appearance property in effect from the UA sheet.
1692         // If so, we cache the border and background styles so that RenderTheme::adjustStyle()
1693         // can look at them later to figure out if this is a styled form control or not.
1694         CascadedProperties cascade(direction, writingMode);
1695         cascade.addMatches(matchResult, false, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, applyInheritedOnly);
1696         cascade.addMatches(matchResult, true, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, applyInheritedOnly);
1697
1698         applyCascadedProperties(cascade, CSSPropertyWebkitRubyPosition, CSSPropertyWebkitRubyPosition);
1699         adjustStyleForInterCharacterRuby();
1700     
1701         // Resolve custom variables first.
1702         applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom);
1703
1704         // Start by applying properties that other properties may depend on.
1705         applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty);
1706     
1707         updateFont();
1708         applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty);
1709
1710         state.cacheBorderAndBackground();
1711     }
1712
1713     CascadedProperties cascade(direction, writingMode);
1714     cascade.addMatches(matchResult, false, 0, matchResult.matchedProperties().size() - 1, applyInheritedOnly);
1715     cascade.addMatches(matchResult, true, matchResult.ranges.firstAuthorRule, matchResult.ranges.lastAuthorRule, applyInheritedOnly);
1716     cascade.addMatches(matchResult, true, matchResult.ranges.firstUserRule, matchResult.ranges.lastUserRule, applyInheritedOnly);
1717     cascade.addMatches(matchResult, true, matchResult.ranges.firstUARule, matchResult.ranges.lastUARule, applyInheritedOnly);
1718     
1719     // Resolve custom properties first.
1720     applyCascadedProperties(cascade, CSSPropertyCustom, CSSPropertyCustom);
1721
1722     applyCascadedProperties(cascade, CSSPropertyWebkitRubyPosition, CSSPropertyWebkitRubyPosition);
1723     
1724     // Adjust the font size to be smaller if ruby-position is inter-character.
1725     adjustStyleForInterCharacterRuby();
1726
1727     // Start by applying properties that other properties may depend on.
1728     applyCascadedProperties(cascade, firstCSSProperty, lastHighPriorityProperty);
1729
1730     // If the effective zoom value changes, we can't use the matched properties cache. Start over.
1731     if (cacheItem && cacheItem->renderStyle->effectiveZoom() != state.style()->effectiveZoom())
1732         return applyMatchedProperties(matchResult, element, DoNotUseMatchedPropertiesCache);
1733
1734     // If our font got dirtied, update it now.
1735     updateFont();
1736
1737     // If the font changed, we can't use the matched properties cache. Start over.
1738     if (cacheItem && cacheItem->renderStyle->fontDescription() != state.style()->fontDescription())
1739         return applyMatchedProperties(matchResult, element, DoNotUseMatchedPropertiesCache);
1740
1741     // Apply properties that no other properties depend on.
1742     applyCascadedProperties(cascade, firstLowPriorityProperty, lastCSSProperty);
1743
1744     // Finally, some properties must be applied in the order they were parsed.
1745     // There are some CSS properties that affect the same RenderStyle values,
1746     // so to preserve behavior, we queue them up during cascade and flush here.
1747     cascade.applyDeferredProperties(*this);
1748
1749     // Start loading resources referenced by this style.
1750     loadPendingResources();
1751     
1752     ASSERT(!state.fontDirty());
1753     
1754     if (cacheItem || !cacheHash)
1755         return;
1756     if (!isCacheableInMatchedPropertiesCache(state.element(), state.style(), state.parentStyle()))
1757         return;
1758     addToMatchedPropertiesCache(state.style(), state.parentStyle(), cacheHash, matchResult);
1759 }
1760
1761 void StyleResolver::applyPropertyToStyle(CSSPropertyID id, CSSValue* value, RenderStyle* style)
1762 {
1763     initElement(nullptr);
1764     m_state.initForStyleResolve(document(), nullptr, style);
1765     m_state.setStyle(*style);
1766     applyPropertyToCurrentStyle(id, value);
1767 }
1768
1769 void StyleResolver::applyPropertyToCurrentStyle(CSSPropertyID id, CSSValue* value)
1770 {
1771     if (value)
1772         applyProperty(id, value);
1773 }
1774
1775 inline bool isValidVisitedLinkProperty(CSSPropertyID id)
1776 {
1777     switch (id) {
1778     case CSSPropertyBackgroundColor:
1779     case CSSPropertyBorderLeftColor:
1780     case CSSPropertyBorderRightColor:
1781     case CSSPropertyBorderTopColor:
1782     case CSSPropertyBorderBottomColor:
1783     case CSSPropertyColor:
1784     case CSSPropertyOutlineColor:
1785     case CSSPropertyColumnRuleColor:
1786     case CSSPropertyWebkitTextDecorationColor:
1787     case CSSPropertyWebkitTextEmphasisColor:
1788     case CSSPropertyWebkitTextFillColor:
1789     case CSSPropertyWebkitTextStrokeColor:
1790     case CSSPropertyFill:
1791     case CSSPropertyStroke:
1792         return true;
1793     default:
1794         break;
1795     }
1796
1797     return false;
1798 }
1799
1800 // http://dev.w3.org/csswg/css3-regions/#the-at-region-style-rule
1801 // FIXME: add incremental support for other region styling properties.
1802 inline bool StyleResolver::isValidRegionStyleProperty(CSSPropertyID id)
1803 {
1804     switch (id) {
1805     case CSSPropertyBackgroundColor:
1806     case CSSPropertyColor:
1807         return true;
1808     default:
1809         break;
1810     }
1811
1812     return false;
1813 }
1814
1815 #if ENABLE(VIDEO_TRACK)
1816 inline bool StyleResolver::isValidCueStyleProperty(CSSPropertyID id)
1817 {
1818     switch (id) {
1819     case CSSPropertyBackground:
1820     case CSSPropertyBackgroundAttachment:
1821     case CSSPropertyBackgroundClip:
1822     case CSSPropertyBackgroundColor:
1823     case CSSPropertyBackgroundImage:
1824     case CSSPropertyBackgroundOrigin:
1825     case CSSPropertyBackgroundPosition:
1826     case CSSPropertyBackgroundPositionX:
1827     case CSSPropertyBackgroundPositionY:
1828     case CSSPropertyBackgroundRepeat:
1829     case CSSPropertyBackgroundRepeatX:
1830     case CSSPropertyBackgroundRepeatY:
1831     case CSSPropertyBackgroundSize:
1832     case CSSPropertyColor:
1833     case CSSPropertyFont:
1834     case CSSPropertyFontFamily:
1835     case CSSPropertyFontSize:
1836     case CSSPropertyFontStyle:
1837     case CSSPropertyFontVariant:
1838     case CSSPropertyFontWeight:
1839     case CSSPropertyLineHeight:
1840     case CSSPropertyOpacity:
1841     case CSSPropertyOutline:
1842     case CSSPropertyOutlineColor:
1843     case CSSPropertyOutlineOffset:
1844     case CSSPropertyOutlineStyle:
1845     case CSSPropertyOutlineWidth:
1846     case CSSPropertyVisibility:
1847     case CSSPropertyWhiteSpace:
1848     case CSSPropertyTextDecoration:
1849     case CSSPropertyTextShadow:
1850     case CSSPropertyBorderStyle:
1851         return true;
1852     default:
1853         break;
1854     }
1855     return false;
1856 }
1857 #endif
1858 // SVG handles zooming in a different way compared to CSS. The whole document is scaled instead
1859 // of each individual length value in the render style / tree. CSSPrimitiveValue::computeLength*()
1860 // multiplies each resolved length with the zoom multiplier - so for SVG we need to disable that.
1861 // Though all CSS values that can be applied to outermost <svg> elements (width/height/border/padding...)
1862 // need to respect the scaling. RenderBox (the parent class of RenderSVGRoot) grabs values like
1863 // width/height/border/padding/... from the RenderStyle -> for SVG these values would never scale,
1864 // if we'd pass a 1.0 zoom factor everyhwere. So we only pass a zoom factor of 1.0 for specific
1865 // properties that are NOT allowed to scale within a zoomed SVG document (letter/word-spacing/font-size).
1866 bool StyleResolver::useSVGZoomRules()
1867 {
1868     return m_state.element() && m_state.element()->isSVGElement();
1869 }
1870
1871 // Scale with/height properties on inline SVG root.
1872 bool StyleResolver::useSVGZoomRulesForLength()
1873 {
1874     return is<SVGElement>(m_state.element()) && !(is<SVGSVGElement>(*m_state.element()) && m_state.element()->parentNode());
1875 }
1876
1877 void StyleResolver::applyProperty(CSSPropertyID id, CSSValue* value)
1878 {
1879     ASSERT_WITH_MESSAGE(!isShorthandCSSProperty(id), "Shorthand property id = %d wasn't expanded at parsing time", id);
1880
1881     State& state = m_state;
1882
1883     if (CSSProperty::isDirectionAwareProperty(id)) {
1884         CSSPropertyID newId = CSSProperty::resolveDirectionAwareProperty(id, state.style()->direction(), state.style()->writingMode());
1885         ASSERT(newId != id);
1886         return applyProperty(newId, value);
1887     }
1888
1889     bool isInherit = state.parentStyle() && value->isInheritedValue();
1890     bool isInitial = value->isInitialValue() || (!state.parentStyle() && value->isInheritedValue());
1891
1892     ASSERT(!isInherit || !isInitial); // isInherit -> !isInitial && isInitial -> !isInherit
1893
1894     if (!state.applyPropertyToRegularStyle() && (!state.applyPropertyToVisitedLinkStyle() || !isValidVisitedLinkProperty(id))) {
1895         // Limit the properties that can be applied to only the ones honored by :visited.
1896         return;
1897     }
1898
1899     if (isInherit && !state.parentStyle()->hasExplicitlyInheritedProperties() && !CSSProperty::isInheritedProperty(id))
1900         state.parentStyle()->setHasExplicitlyInheritedProperties();
1901     
1902     if (id == CSSPropertyCustom) {
1903         CSSCustomPropertyValue* customProperty = &downcast<CSSCustomPropertyValue>(*value);
1904         state.style()->setCustomPropertyValue(customProperty->name(), value);
1905         return;
1906     }
1907
1908     // Use the generated StyleBuilder.
1909     StyleBuilder::applyProperty(id, *this, *value, isInitial, isInherit);
1910 }
1911
1912 PassRefPtr<StyleImage> StyleResolver::styleImage(CSSPropertyID property, CSSValue& value)
1913 {
1914     if (is<CSSImageValue>(value))
1915         return cachedOrPendingFromValue(property, downcast<CSSImageValue>(value));
1916
1917     if (is<CSSImageGeneratorValue>(value)) {
1918         if (is<CSSGradientValue>(value))
1919             return generatedOrPendingFromValue(property, *downcast<CSSGradientValue>(value).gradientWithStylesResolved(this));
1920         return generatedOrPendingFromValue(property, downcast<CSSImageGeneratorValue>(value));
1921     }
1922
1923 #if ENABLE(CSS_IMAGE_SET)
1924     if (is<CSSImageSetValue>(value))
1925         return setOrPendingFromValue(property, downcast<CSSImageSetValue>(value));
1926 #endif
1927
1928     if (is<CSSCursorImageValue>(value))
1929         return cursorOrPendingFromValue(property, downcast<CSSCursorImageValue>(value));
1930
1931     return nullptr;
1932 }
1933
1934 PassRefPtr<StyleImage> StyleResolver::cachedOrPendingFromValue(CSSPropertyID property, CSSImageValue& value)
1935 {
1936     RefPtr<StyleImage> image = value.cachedOrPendingImage();
1937     if (image && image->isPendingImage())
1938         m_state.pendingImageProperties().set(property, &value);
1939     return image.release();
1940 }
1941
1942 PassRefPtr<StyleImage> StyleResolver::generatedOrPendingFromValue(CSSPropertyID property, CSSImageGeneratorValue& value)
1943 {
1944     if (is<CSSFilterImageValue>(value)) {
1945         // FilterImage needs to calculate FilterOperations.
1946         downcast<CSSFilterImageValue>(value).createFilterOperations(this);
1947     }
1948
1949     if (value.isPending()) {
1950         m_state.pendingImageProperties().set(property, &value);
1951         return StylePendingImage::create(&value);
1952     }
1953     return StyleGeneratedImage::create(value);
1954 }
1955
1956 #if ENABLE(CSS_IMAGE_SET)
1957 PassRefPtr<StyleImage> StyleResolver::setOrPendingFromValue(CSSPropertyID property, CSSImageSetValue& value)
1958 {
1959     RefPtr<StyleImage> image = value.cachedOrPendingImageSet(document());
1960     if (image && image->isPendingImage())
1961         m_state.pendingImageProperties().set(property, &value);
1962     return image.release();
1963 }
1964 #endif
1965
1966 PassRefPtr<StyleImage> StyleResolver::cursorOrPendingFromValue(CSSPropertyID property, CSSCursorImageValue& value)
1967 {
1968     RefPtr<StyleImage> image = value.cachedOrPendingImage(document());
1969     if (image && image->isPendingImage())
1970         m_state.pendingImageProperties().set(property, &value);
1971     return image.release();
1972 }
1973
1974 #if ENABLE(IOS_TEXT_AUTOSIZING)
1975 void StyleResolver::checkForTextSizeAdjust(RenderStyle* style)
1976 {
1977     if (style->textSizeAdjust().isAuto())
1978         return;
1979
1980     auto newFontDescription = style->fontDescription();
1981     if (!style->textSizeAdjust().isNone())
1982         newFontDescription.setComputedSize(newFontDescription.specifiedSize() * style->textSizeAdjust().multiplier());
1983     else
1984         newFontDescription.setComputedSize(newFontDescription.specifiedSize());
1985     style->setFontDescription(newFontDescription);
1986 }
1987 #endif
1988
1989 void StyleResolver::checkForZoomChange(RenderStyle* style, RenderStyle* parentStyle)
1990 {
1991     if (!parentStyle)
1992         return;
1993     
1994     if (style->effectiveZoom() == parentStyle->effectiveZoom() && style->textZoom() == parentStyle->textZoom())
1995         return;
1996
1997     const auto& childFont = style->fontDescription();
1998     auto newFontDescription = childFont;
1999     setFontSize(newFontDescription, childFont.specifiedSize());
2000     style->setFontDescription(newFontDescription);
2001 }
2002
2003 void StyleResolver::checkForGenericFamilyChange(RenderStyle* style, RenderStyle* parentStyle)
2004 {
2005     const auto& childFont = style->fontDescription();
2006
2007     if (childFont.isAbsoluteSize() || !parentStyle)
2008         return;
2009
2010     const auto& parentFont = parentStyle->fontDescription();
2011     if (childFont.useFixedDefaultSize() == parentFont.useFixedDefaultSize())
2012         return;
2013     // We know the parent is monospace or the child is monospace, and that font
2014     // size was unspecified. We want to scale our font size as appropriate.
2015     // If the font uses a keyword size, then we refetch from the table rather than
2016     // multiplying by our scale factor.
2017     float size;
2018     if (CSSValueID sizeIdentifier = childFont.keywordSizeAsIdentifier())
2019         size = Style::fontSizeForKeyword(sizeIdentifier, childFont.useFixedDefaultSize(), document());
2020     else {
2021         Settings* settings = documentSettings();
2022         float fixedScaleFactor = (settings && settings->defaultFixedFontSize() && settings->defaultFontSize())
2023             ? static_cast<float>(settings->defaultFixedFontSize()) / settings->defaultFontSize()
2024             : 1;
2025         size = parentFont.useFixedDefaultSize() ?
2026                 childFont.specifiedSize() / fixedScaleFactor :
2027                 childFont.specifiedSize() * fixedScaleFactor;
2028     }
2029
2030     auto newFontDescription = childFont;
2031     setFontSize(newFontDescription, size);
2032     style->setFontDescription(newFontDescription);
2033 }
2034
2035 void StyleResolver::initializeFontStyle(Settings* settings)
2036 {
2037     FontCascadeDescription fontDescription;
2038     if (settings)
2039         fontDescription.setRenderingMode(settings->fontRenderingMode());
2040     fontDescription.setOneFamily(standardFamily);
2041     fontDescription.setKeywordSizeFromIdentifier(CSSValueMedium);
2042     setFontSize(fontDescription, Style::fontSizeForKeyword(CSSValueMedium, false, document()));
2043     setFontDescription(fontDescription);
2044 }
2045
2046 void StyleResolver::setFontSize(FontCascadeDescription& fontDescription, float size)
2047 {
2048     fontDescription.setSpecifiedSize(size);
2049     fontDescription.setComputedSize(Style::computedFontSizeFromSpecifiedSize(size, fontDescription.isAbsoluteSize(), useSVGZoomRules(), m_state.style(), document()));
2050 }
2051
2052 static Color colorForCSSValue(CSSValueID cssValueId)
2053 {
2054     struct ColorValue {
2055         CSSValueID cssValueId;
2056         RGBA32 color;
2057     };
2058
2059     static const ColorValue colorValues[] = {
2060         { CSSValueAqua, 0xFF00FFFF },
2061         { CSSValueBlack, 0xFF000000 },
2062         { CSSValueBlue, 0xFF0000FF },
2063         { CSSValueFuchsia, 0xFFFF00FF },
2064         { CSSValueGray, 0xFF808080 },
2065         { CSSValueGreen, 0xFF008000  },
2066         { CSSValueGrey, 0xFF808080 },
2067         { CSSValueLime, 0xFF00FF00 },
2068         { CSSValueMaroon, 0xFF800000 },
2069         { CSSValueNavy, 0xFF000080 },
2070         { CSSValueOlive, 0xFF808000  },
2071         { CSSValueOrange, 0xFFFFA500 },
2072         { CSSValuePurple, 0xFF800080 },
2073         { CSSValueRed, 0xFFFF0000 },
2074         { CSSValueSilver, 0xFFC0C0C0 },
2075         { CSSValueTeal, 0xFF008080  },
2076         { CSSValueTransparent, 0x00000000 },
2077         { CSSValueWhite, 0xFFFFFFFF },
2078         { CSSValueYellow, 0xFFFFFF00 },
2079         { CSSValueInvalid, CSSValueInvalid }
2080     };
2081
2082     for (const ColorValue* col = colorValues; col->cssValueId; ++col) {
2083         if (col->cssValueId == cssValueId)
2084             return col->color;
2085     }
2086     return RenderTheme::defaultTheme()->systemColor(cssValueId);
2087 }
2088
2089 bool StyleResolver::colorFromPrimitiveValueIsDerivedFromElement(CSSPrimitiveValue& value)
2090 {
2091     int ident = value.getValueID();
2092     switch (ident) {
2093     case CSSValueWebkitText:
2094     case CSSValueWebkitLink:
2095     case CSSValueWebkitActivelink:
2096     case CSSValueCurrentcolor:
2097         return true;
2098     default:
2099         return false;
2100     }
2101 }
2102
2103 Color StyleResolver::colorFromPrimitiveValue(CSSPrimitiveValue& value, bool forVisitedLink) const
2104 {
2105     if (value.isRGBColor())
2106         return Color(value.getRGBA32Value());
2107
2108     const State& state = m_state;
2109     CSSValueID ident = value.getValueID();
2110     switch (ident) {
2111     case 0:
2112         return Color();
2113     case CSSValueWebkitText:
2114         return state.document().textColor();
2115     case CSSValueWebkitLink:
2116         return (state.element()->isLink() && forVisitedLink) ? state.document().visitedLinkColor() : state.document().linkColor();
2117     case CSSValueWebkitActivelink:
2118         return state.document().activeLinkColor();
2119     case CSSValueWebkitFocusRingColor:
2120         return RenderTheme::focusRingColor();
2121     case CSSValueCurrentcolor:
2122         return state.style()->color();
2123     default:
2124         return colorForCSSValue(ident);
2125     }
2126 }
2127
2128 void StyleResolver::addViewportDependentMediaQueryResult(const MediaQueryExp* expr, bool result)
2129 {
2130     m_viewportDependentMediaQueryResults.append(std::make_unique<MediaQueryResult>(*expr, result));
2131 }
2132
2133 bool StyleResolver::hasMediaQueriesAffectedByViewportChange() const
2134 {
2135     unsigned s = m_viewportDependentMediaQueryResults.size();
2136     for (unsigned i = 0; i < s; i++) {
2137         if (m_medium->eval(&m_viewportDependentMediaQueryResults[i]->m_expression) != m_viewportDependentMediaQueryResults[i]->m_result)
2138             return true;
2139     }
2140     return false;
2141 }
2142
2143 static FilterOperation::OperationType filterOperationForType(WebKitCSSFilterValue::FilterOperationType type)
2144 {
2145     switch (type) {
2146     case WebKitCSSFilterValue::ReferenceFilterOperation:
2147         return FilterOperation::REFERENCE;
2148     case WebKitCSSFilterValue::GrayscaleFilterOperation:
2149         return FilterOperation::GRAYSCALE;
2150     case WebKitCSSFilterValue::SepiaFilterOperation:
2151         return FilterOperation::SEPIA;
2152     case WebKitCSSFilterValue::SaturateFilterOperation:
2153         return FilterOperation::SATURATE;
2154     case WebKitCSSFilterValue::HueRotateFilterOperation:
2155         return FilterOperation::HUE_ROTATE;
2156     case WebKitCSSFilterValue::InvertFilterOperation:
2157         return FilterOperation::INVERT;
2158     case WebKitCSSFilterValue::OpacityFilterOperation:
2159         return FilterOperation::OPACITY;
2160     case WebKitCSSFilterValue::BrightnessFilterOperation:
2161         return FilterOperation::BRIGHTNESS;
2162     case WebKitCSSFilterValue::ContrastFilterOperation:
2163         return FilterOperation::CONTRAST;
2164     case WebKitCSSFilterValue::BlurFilterOperation:
2165         return FilterOperation::BLUR;
2166     case WebKitCSSFilterValue::DropShadowFilterOperation:
2167         return FilterOperation::DROP_SHADOW;
2168     case WebKitCSSFilterValue::UnknownFilterOperation:
2169         return FilterOperation::NONE;
2170     }
2171     return FilterOperation::NONE;
2172 }
2173
2174 void StyleResolver::loadPendingSVGDocuments()
2175 {
2176     State& state = m_state;
2177
2178     // Crash reports indicate that we've seen calls to this function when our
2179     // style is NULL. We don't know exactly why this happens. Our guess is
2180     // reentering styleForElement().
2181     ASSERT(state.style());
2182     if (!state.style() || !state.style()->hasFilter() || state.filtersWithPendingSVGDocuments().isEmpty())
2183         return;
2184
2185     ResourceLoaderOptions options = CachedResourceLoader::defaultCachedResourceOptions();
2186     options.setContentSecurityPolicyImposition(m_state.element() && m_state.element()->isInUserAgentShadowTree() ? ContentSecurityPolicyImposition::SkipPolicyCheck : ContentSecurityPolicyImposition::DoPolicyCheck);
2187
2188     CachedResourceLoader& cachedResourceLoader = state.document().cachedResourceLoader();
2189     
2190     for (auto& filterOperation : state.filtersWithPendingSVGDocuments())
2191         filterOperation->getOrCreateCachedSVGDocumentReference()->load(cachedResourceLoader, options);
2192
2193     state.filtersWithPendingSVGDocuments().clear();
2194 }
2195
2196 bool StyleResolver::createFilterOperations(CSSValue& inValue, FilterOperations& outOperations)
2197 {
2198     State& state = m_state;
2199     ASSERT(outOperations.isEmpty());
2200     
2201     if (is<CSSPrimitiveValue>(inValue)) {
2202         CSSPrimitiveValue& primitiveValue = downcast<CSSPrimitiveValue>(inValue);
2203         if (primitiveValue.getValueID() == CSSValueNone)
2204             return true;
2205     }
2206     
2207     if (!is<CSSValueList>(inValue))
2208         return false;
2209
2210     FilterOperations operations;
2211     for (auto& currentValue : downcast<CSSValueList>(inValue)) {
2212         if (!is<WebKitCSSFilterValue>(currentValue.get()))
2213             continue;
2214
2215         auto& filterValue = downcast<WebKitCSSFilterValue>(currentValue.get());
2216         FilterOperation::OperationType operationType = filterOperationForType(filterValue.operationType());
2217
2218         if (operationType == FilterOperation::REFERENCE) {
2219             if (filterValue.length() != 1)
2220                 continue;
2221             CSSValue& argument = *filterValue.itemWithoutBoundsCheck(0);
2222
2223             if (!is<CSSPrimitiveValue>(argument))
2224                 continue;
2225
2226             CSSPrimitiveValue& primitiveValue = downcast<CSSPrimitiveValue>(argument);
2227             String cssUrl = primitiveValue.getStringValue();
2228             URL url = m_state.document().completeURL(cssUrl);
2229
2230             RefPtr<ReferenceFilterOperation> operation = ReferenceFilterOperation::create(cssUrl, url.fragmentIdentifier());
2231             if (SVGURIReference::isExternalURIReference(cssUrl, m_state.document()))
2232                 state.filtersWithPendingSVGDocuments().append(operation);
2233
2234             operations.operations().append(operation);
2235             continue;
2236         }
2237
2238         // Check that all parameters are primitive values, with the
2239         // exception of drop shadow which has a CSSShadowValue parameter.
2240         CSSPrimitiveValue* firstValue = nullptr;
2241         if (operationType != FilterOperation::DROP_SHADOW) {
2242             bool haveNonPrimitiveValue = false;
2243             for (unsigned j = 0; j < filterValue.length(); ++j) {
2244                 if (!is<CSSPrimitiveValue>(*filterValue.itemWithoutBoundsCheck(j))) {
2245                     haveNonPrimitiveValue = true;
2246                     break;
2247                 }
2248             }
2249             if (haveNonPrimitiveValue)
2250                 continue;
2251             if (filterValue.length())
2252                 firstValue = downcast<CSSPrimitiveValue>(filterValue.itemWithoutBoundsCheck(0));
2253         }
2254
2255         switch (filterValue.operationType()) {
2256         case WebKitCSSFilterValue::GrayscaleFilterOperation:
2257         case WebKitCSSFilterValue::SepiaFilterOperation:
2258         case WebKitCSSFilterValue::SaturateFilterOperation: {
2259             double amount = 1;
2260             if (filterValue.length() == 1) {
2261                 amount = firstValue->getDoubleValue();
2262                 if (firstValue->isPercentage())
2263                     amount /= 100;
2264             }
2265
2266             operations.operations().append(BasicColorMatrixFilterOperation::create(amount, operationType));
2267             break;
2268         }
2269         case WebKitCSSFilterValue::HueRotateFilterOperation: {
2270             double angle = 0;
2271             if (filterValue.length() == 1)
2272                 angle = firstValue->computeDegrees();
2273
2274             operations.operations().append(BasicColorMatrixFilterOperation::create(angle, operationType));
2275             break;
2276         }
2277         case WebKitCSSFilterValue::InvertFilterOperation:
2278         case WebKitCSSFilterValue::BrightnessFilterOperation:
2279         case WebKitCSSFilterValue::ContrastFilterOperation:
2280         case WebKitCSSFilterValue::OpacityFilterOperation: {
2281             double amount = (filterValue.operationType() == WebKitCSSFilterValue::BrightnessFilterOperation) ? 0 : 1;
2282             if (filterValue.length() == 1) {
2283                 amount = firstValue->getDoubleValue();
2284                 if (firstValue->isPercentage())
2285                     amount /= 100;
2286             }
2287
2288             operations.operations().append(BasicComponentTransferFilterOperation::create(amount, operationType));
2289             break;
2290         }
2291         case WebKitCSSFilterValue::BlurFilterOperation: {
2292             Length stdDeviation = Length(0, Fixed);
2293             if (filterValue.length() >= 1)
2294                 stdDeviation = convertToFloatLength(firstValue, state.cssToLengthConversionData());
2295             if (stdDeviation.isUndefined())
2296                 return false;
2297
2298             operations.operations().append(BlurFilterOperation::create(stdDeviation));
2299             break;
2300         }
2301         case WebKitCSSFilterValue::DropShadowFilterOperation: {
2302             if (filterValue.length() != 1)
2303                 return false;
2304
2305             CSSValue& cssValue = *filterValue.itemWithoutBoundsCheck(0);
2306             if (!is<CSSShadowValue>(cssValue))
2307                 continue;
2308
2309             CSSShadowValue& item = downcast<CSSShadowValue>(cssValue);
2310             int x = item.x->computeLength<int>(state.cssToLengthConversionData());
2311             int y = item.y->computeLength<int>(state.cssToLengthConversionData());
2312             IntPoint location(x, y);
2313             int blur = item.blur ? item.blur->computeLength<int>(state.cssToLengthConversionData()) : 0;
2314             Color color;
2315             if (item.color)
2316                 color = colorFromPrimitiveValue(*item.color);
2317
2318             operations.operations().append(DropShadowFilterOperation::create(location, blur, color.isValid() ? color : Color::transparent));
2319             break;
2320         }
2321         case WebKitCSSFilterValue::UnknownFilterOperation:
2322         default:
2323             ASSERT_NOT_REACHED();
2324             break;
2325         }
2326     }
2327
2328     outOperations = operations;
2329     return true;
2330 }
2331
2332 PassRefPtr<StyleImage> StyleResolver::loadPendingImage(const StylePendingImage& pendingImage, const ResourceLoaderOptions& options)
2333 {
2334     if (auto imageValue = pendingImage.cssImageValue())
2335         return imageValue->cachedImage(m_state.document().cachedResourceLoader(), options);
2336
2337     if (auto imageGeneratorValue = pendingImage.cssImageGeneratorValue()) {
2338         imageGeneratorValue->loadSubimages(m_state.document().cachedResourceLoader(), options);
2339         return StyleGeneratedImage::create(*imageGeneratorValue);
2340     }
2341
2342     if (auto cursorImageValue = pendingImage.cssCursorImageValue())
2343         return cursorImageValue->cachedImage(m_state.document().cachedResourceLoader(), options);
2344
2345 #if ENABLE(CSS_IMAGE_SET)
2346     if (auto imageSetValue = pendingImage.cssImageSetValue())
2347         return imageSetValue->cachedImageSet(m_state.document().cachedResourceLoader(), options);
2348 #endif
2349
2350     return nullptr;
2351 }
2352
2353 PassRefPtr<StyleImage> StyleResolver::loadPendingImage(const StylePendingImage& pendingImage)
2354 {
2355     ResourceLoaderOptions options = CachedResourceLoader::defaultCachedResourceOptions();
2356     options.setContentSecurityPolicyImposition(m_state.element() && m_state.element()->isInUserAgentShadowTree() ? ContentSecurityPolicyImposition::SkipPolicyCheck : ContentSecurityPolicyImposition::DoPolicyCheck);
2357     return loadPendingImage(pendingImage, options);
2358 }
2359
2360 #if ENABLE(CSS_SHAPES)
2361 void StyleResolver::loadPendingShapeImage(ShapeValue* shapeValue)
2362 {
2363     if (!shapeValue)
2364         return;
2365
2366     StyleImage* image = shapeValue->image();
2367     if (!is<StylePendingImage>(image))
2368         return;
2369
2370     auto& pendingImage = downcast<StylePendingImage>(*image);
2371
2372     ResourceLoaderOptions options = CachedResourceLoader::defaultCachedResourceOptions();
2373     options.setRequestOriginPolicy(PotentiallyCrossOriginEnabled);
2374     options.setAllowCredentials(DoNotAllowStoredCredentials);
2375     options.setContentSecurityPolicyImposition(m_state.element() && m_state.element()->isInUserAgentShadowTree() ? ContentSecurityPolicyImposition::SkipPolicyCheck : ContentSecurityPolicyImposition::DoPolicyCheck);
2376
2377     shapeValue->setImage(loadPendingImage(pendingImage, options));
2378 }
2379 #endif
2380
2381 void StyleResolver::loadPendingImages()
2382 {
2383     RELEASE_ASSERT(!m_inLoadPendingImages);
2384     TemporaryChange<bool> changeInLoadPendingImages(m_inLoadPendingImages, true);
2385
2386     if (m_state.pendingImageProperties().isEmpty())
2387         return;
2388
2389     auto end = m_state.pendingImageProperties().end().keys();
2390     for (auto it = m_state.pendingImageProperties().begin().keys(); it != end; ++it) {
2391         CSSPropertyID currentProperty = *it;
2392
2393         switch (currentProperty) {
2394         case CSSPropertyBackgroundImage: {
2395             for (FillLayer* backgroundLayer = &m_state.style()->ensureBackgroundLayers(); backgroundLayer; backgroundLayer = backgroundLayer->next()) {
2396                 auto* styleImage = backgroundLayer->image();
2397                 if (is<StylePendingImage>(styleImage))
2398                     backgroundLayer->setImage(loadPendingImage(downcast<StylePendingImage>(*styleImage)));
2399             }
2400             break;
2401         }
2402         case CSSPropertyContent: {
2403             for (ContentData* contentData = const_cast<ContentData*>(m_state.style()->contentData()); contentData; contentData = contentData->next()) {
2404                 if (is<ImageContentData>(*contentData)) {
2405                     auto& styleImage = downcast<ImageContentData>(*contentData).image();
2406                     if (is<StylePendingImage>(styleImage)) {
2407                         if (RefPtr<StyleImage> loadedImage = loadPendingImage(downcast<StylePendingImage>(styleImage)))
2408                             downcast<ImageContentData>(*contentData).setImage(loadedImage.release());
2409                     }
2410                 }
2411             }
2412             break;
2413         }
2414         case CSSPropertyCursor: {
2415             if (CursorList* cursorList = m_state.style()->cursors()) {
2416                 for (size_t i = 0; i < cursorList->size(); ++i) {
2417                     CursorData& currentCursor = cursorList->at(i);
2418                     auto* styleImage = currentCursor.image();
2419                     if (is<StylePendingImage>(styleImage))
2420                         currentCursor.setImage(loadPendingImage(downcast<StylePendingImage>(*styleImage)));
2421                 }
2422             }
2423             break;
2424         }
2425         case CSSPropertyListStyleImage: {
2426             auto* styleImage = m_state.style()->listStyleImage();
2427             if (is<StylePendingImage>(styleImage))
2428                 m_state.style()->setListStyleImage(loadPendingImage(downcast<StylePendingImage>(*styleImage)));
2429             break;
2430         }
2431         case CSSPropertyBorderImageSource: {
2432             auto* styleImage = m_state.style()->borderImageSource();
2433             if (is<StylePendingImage>(styleImage))
2434                 m_state.style()->setBorderImageSource(loadPendingImage(downcast<StylePendingImage>(*styleImage)));
2435             break;
2436         }
2437         case CSSPropertyWebkitBoxReflect: {
2438             if (StyleReflection* reflection = m_state.style()->boxReflect()) {
2439                 const NinePieceImage& maskImage = reflection->mask();
2440                 auto* styleImage = maskImage.image();
2441                 if (is<StylePendingImage>(styleImage)) {
2442                     RefPtr<StyleImage> loadedImage = loadPendingImage(downcast<StylePendingImage>(*styleImage));
2443                     reflection->setMask(NinePieceImage(loadedImage.release(), maskImage.imageSlices(), maskImage.fill(), maskImage.borderSlices(), maskImage.outset(), maskImage.horizontalRule(), maskImage.verticalRule()));
2444                 }
2445             }
2446             break;
2447         }
2448         case CSSPropertyWebkitMaskBoxImageSource: {
2449             auto* styleImage = m_state.style()->maskBoxImageSource();
2450             if (is<StylePendingImage>(styleImage))
2451                 m_state.style()->setMaskBoxImageSource(loadPendingImage(downcast<StylePendingImage>(*styleImage)));
2452             break;
2453         }
2454         case CSSPropertyWebkitMaskImage: {
2455             for (FillLayer* maskLayer = &m_state.style()->ensureMaskLayers(); maskLayer; maskLayer = maskLayer->next()) {
2456                 auto* styleImage = maskLayer->image();
2457                 if (is<StylePendingImage>(styleImage))
2458                     maskLayer->setImage(loadPendingImage(downcast<StylePendingImage>(*styleImage)));
2459             }
2460             break;
2461         }
2462 #if ENABLE(CSS_SHAPES)
2463         case CSSPropertyWebkitShapeOutside:
2464             loadPendingShapeImage(m_state.style()->shapeOutside());
2465             break;
2466 #endif
2467         default:
2468             ASSERT_NOT_REACHED();
2469         }
2470     }
2471
2472     m_state.pendingImageProperties().clear();
2473 }
2474
2475 #ifndef NDEBUG
2476 static bool inLoadPendingResources = false;
2477 #endif
2478
2479 void StyleResolver::loadPendingResources()
2480 {
2481     // We've seen crashes in all three of the functions below. Some of them
2482     // indicate that style() is NULL. This NULL check will cut down on total
2483     // crashes, while the ASSERT will help us find the cause in debug builds.
2484     ASSERT(style());
2485     if (!style())
2486         return;
2487
2488 #ifndef NDEBUG
2489     // Re-entering this function will probably mean trouble. Catch it in debug builds.
2490     ASSERT(!inLoadPendingResources);
2491     inLoadPendingResources = true;
2492 #endif
2493
2494     // Start loading images referenced by this style.
2495     loadPendingImages();
2496
2497     // Start loading the SVG Documents referenced by this style.
2498     loadPendingSVGDocuments();
2499
2500 #ifndef NDEBUG
2501     inLoadPendingResources = false;
2502 #endif
2503 }
2504
2505 inline StyleResolver::MatchedProperties::MatchedProperties()
2506     : possiblyPaddedMember(nullptr)
2507 {
2508 }
2509
2510 StyleResolver::MatchedProperties::~MatchedProperties()
2511 {
2512 }
2513
2514 StyleResolver::CascadedProperties::CascadedProperties(TextDirection direction, WritingMode writingMode)
2515     : m_direction(direction)
2516     , m_writingMode(writingMode)
2517 {
2518 }
2519
2520 inline bool StyleResolver::CascadedProperties::hasProperty(CSSPropertyID id) const
2521 {
2522     ASSERT(id < m_propertyIsPresent.size());
2523     return m_propertyIsPresent[id];
2524 }
2525
2526 inline StyleResolver::CascadedProperties::Property& StyleResolver::CascadedProperties::property(CSSPropertyID id)
2527 {
2528     return m_properties[id];
2529 }
2530
2531 void StyleResolver::CascadedProperties::setPropertyInternal(Property& property, CSSPropertyID id, CSSValue& cssValue, unsigned linkMatchType)
2532 {
2533     ASSERT(linkMatchType <= SelectorChecker::MatchAll);
2534     property.id = id;
2535     if (linkMatchType == SelectorChecker::MatchAll) {
2536         property.cssValue[0] = &cssValue;
2537         property.cssValue[SelectorChecker::MatchLink] = &cssValue;
2538         property.cssValue[SelectorChecker::MatchVisited] = &cssValue;
2539     } else
2540         property.cssValue[linkMatchType] = &cssValue;
2541 }
2542
2543 void StyleResolver::CascadedProperties::set(CSSPropertyID id, CSSValue& cssValue, unsigned linkMatchType)
2544 {
2545     if (CSSProperty::isDirectionAwareProperty(id))
2546         id = CSSProperty::resolveDirectionAwareProperty(id, m_direction, m_writingMode);
2547
2548     ASSERT(!shouldApplyPropertyInParseOrder(id));
2549
2550     auto& property = m_properties[id];
2551     ASSERT(id < m_propertyIsPresent.size());
2552     if (id == CSSPropertyCustom) {
2553         m_propertyIsPresent.set(id);
2554         const auto& customValue = downcast<CSSCustomPropertyValue>(cssValue);
2555         bool hasValue = customProperties().contains(customValue.name());
2556         if (!hasValue) {
2557             Property property;
2558             property.id = id;
2559             memset(property.cssValue, 0, sizeof(property.cssValue));
2560             setPropertyInternal(property, id, cssValue, linkMatchType);
2561             customProperties().set(customValue.name(), property);
2562         } else {
2563             Property property = customProperties().get(customValue.name());
2564             setPropertyInternal(property, id, cssValue, linkMatchType);
2565             customProperties().set(customValue.name(), property);
2566         }
2567         return;
2568     }
2569     
2570     if (!m_propertyIsPresent[id])
2571         memset(property.cssValue, 0, sizeof(property.cssValue));
2572     m_propertyIsPresent.set(id);
2573     setPropertyInternal(property, id, cssValue, linkMatchType);
2574 }
2575
2576 void StyleResolver::CascadedProperties::setDeferred(CSSPropertyID id, CSSValue& cssValue, unsigned linkMatchType)
2577 {
2578     ASSERT(!CSSProperty::isDirectionAwareProperty(id));
2579     ASSERT(shouldApplyPropertyInParseOrder(id));
2580
2581     Property property;
2582     memset(property.cssValue, 0, sizeof(property.cssValue));
2583     setPropertyInternal(property, id, cssValue, linkMatchType);
2584     m_deferredProperties.append(property);
2585 }
2586
2587 void StyleResolver::CascadedProperties::addStyleProperties(const StyleProperties& properties, StyleRule&, bool isImportant, bool inheritedOnly, PropertyWhitelistType propertyWhitelistType, unsigned linkMatchType)
2588 {
2589     for (unsigned i = 0, count = properties.propertyCount(); i < count; ++i) {
2590         auto current = properties.propertyAt(i);
2591         if (isImportant != current.isImportant())
2592             continue;
2593         if (inheritedOnly && !current.isInherited()) {
2594             // We apply the inherited properties only when using the property cache.
2595             // A match with a value that is explicitely inherited should never have been cached.
2596             ASSERT(!current.value()->isInheritedValue());
2597             continue;
2598         }
2599         CSSPropertyID propertyID = current.id();
2600
2601         if (propertyWhitelistType == PropertyWhitelistRegion && !StyleResolver::isValidRegionStyleProperty(propertyID))
2602             continue;
2603 #if ENABLE(VIDEO_TRACK)
2604         if (propertyWhitelistType == PropertyWhitelistCue && !StyleResolver::isValidCueStyleProperty(propertyID))
2605             continue;
2606 #endif
2607
2608         if (shouldApplyPropertyInParseOrder(propertyID))
2609             setDeferred(propertyID, *current.value(), linkMatchType);
2610         else
2611             set(propertyID, *current.value(), linkMatchType);
2612     }
2613 }
2614
2615 void StyleResolver::CascadedProperties::addMatches(const MatchResult& matchResult, bool important, int startIndex, int endIndex, bool inheritedOnly)
2616 {
2617     if (startIndex == -1)
2618         return;
2619
2620     for (int i = startIndex; i <= endIndex; ++i) {
2621         const MatchedProperties& matchedProperties = matchResult.matchedProperties()[i];
2622         addStyleProperties(*matchedProperties.properties, *matchResult.matchedRules[i], important, inheritedOnly, static_cast<PropertyWhitelistType>(matchedProperties.whitelistType), matchedProperties.linkMatchType);
2623     }
2624 }
2625
2626 void StyleResolver::CascadedProperties::applyDeferredProperties(StyleResolver& resolver)
2627 {
2628     for (auto& property : m_deferredProperties)
2629         property.apply(resolver);
2630 }
2631
2632 void StyleResolver::CascadedProperties::Property::apply(StyleResolver& resolver)
2633 {
2634     State& state = resolver.state();
2635
2636     if (cssValue[0]) {
2637         state.setApplyPropertyToRegularStyle(true);
2638         state.setApplyPropertyToVisitedLinkStyle(false);
2639         resolver.applyProperty(id, cssValue[0]);
2640     }
2641
2642     if (state.style()->insideLink() == NotInsideLink)
2643         return;
2644
2645     if (cssValue[SelectorChecker::MatchLink]) {
2646         state.setApplyPropertyToRegularStyle(true);
2647         state.setApplyPropertyToVisitedLinkStyle(false);
2648         resolver.applyProperty(id, cssValue[SelectorChecker::MatchLink]);
2649     }
2650
2651     if (cssValue[SelectorChecker::MatchVisited]) {
2652         state.setApplyPropertyToRegularStyle(false);
2653         state.setApplyPropertyToVisitedLinkStyle(true);
2654         resolver.applyProperty(id, cssValue[SelectorChecker::MatchVisited]);
2655     }
2656
2657     state.setApplyPropertyToRegularStyle(true);
2658     state.setApplyPropertyToVisitedLinkStyle(false);
2659 }
2660
2661 void StyleResolver::applyCascadedProperties(CascadedProperties& cascade, int firstProperty, int lastProperty)
2662 {
2663     for (int id = firstProperty; id <= lastProperty; ++id) {
2664         CSSPropertyID propertyID = static_cast<CSSPropertyID>(id);
2665         if (!cascade.hasProperty(propertyID))
2666             continue;
2667         if (propertyID == CSSPropertyCustom) {
2668             HashMap<AtomicString, CascadedProperties::Property>::iterator end = cascade.customProperties().end();
2669             for (HashMap<AtomicString, CascadedProperties::Property>::iterator it = cascade.customProperties().begin(); it != end; ++it)
2670                 it->value.apply(*this);
2671             continue;
2672         }
2673         auto& property = cascade.property(propertyID);
2674         ASSERT(!shouldApplyPropertyInParseOrder(propertyID));
2675         property.apply(*this);
2676     }
2677 }
2678
2679 } // namespace WebCore