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