| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 1999 Lars Knoll (knoll@kde.org) | 2 * Copyright (C) 1999 Lars Knoll (knoll@kde.org) |
| 3 * (C) 2004-2005 Allan Sandfeld Jensen (kde@carewolf.com) | 3 * (C) 2004-2005 Allan Sandfeld Jensen (kde@carewolf.com) |
| 4 * Copyright (C) 2006, 2007 Nicholas Shanks (webkit@nickshanks.com) | 4 * Copyright (C) 2006, 2007 Nicholas Shanks (webkit@nickshanks.com) |
| 5 * Copyright (C) 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013 Apple Inc.
All rights reserved. | 5 * Copyright (C) 2005, 2006, 2007, 2008, 2009, 2010, 2011, 2012, 2013 Apple Inc.
All rights reserved. |
| 6 * Copyright (C) 2007 Alexey Proskuryakov <ap@webkit.org> | 6 * Copyright (C) 2007 Alexey Proskuryakov <ap@webkit.org> |
| 7 * Copyright (C) 2007, 2008 Eric Seidel <eric@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.t
orchmobile.com/) | 8 * Copyright (C) 2008, 2009 Torch Mobile Inc. All rights reserved. (http://www.t
orchmobile.com/) |
| 9 * Copyright (c) 2011, Code Aurora Forum. All rights reserved. | 9 * Copyright (c) 2011, Code Aurora Forum. All rights reserved. |
| 10 * Copyright (C) Research In Motion Limited 2011. All rights reserved. | 10 * Copyright (C) Research In Motion Limited 2011. All rights reserved. |
| (...skipping 26 matching lines...) Expand all Loading... |
| 37 #include "core/frame/FrameView.h" | 37 #include "core/frame/FrameView.h" |
| 38 #include "core/frame/Settings.h" | 38 #include "core/frame/Settings.h" |
| 39 #include "core/html/HTMLIFrameElement.h" | 39 #include "core/html/HTMLIFrameElement.h" |
| 40 #include "core/html/HTMLInputElement.h" | 40 #include "core/html/HTMLInputElement.h" |
| 41 #include "core/html/HTMLPlugInElement.h" | 41 #include "core/html/HTMLPlugInElement.h" |
| 42 #include "core/html/HTMLTableCellElement.h" | 42 #include "core/html/HTMLTableCellElement.h" |
| 43 #include "core/html/HTMLTextAreaElement.h" | 43 #include "core/html/HTMLTextAreaElement.h" |
| 44 #include "core/layout/LayoutReplaced.h" | 44 #include "core/layout/LayoutReplaced.h" |
| 45 #include "core/layout/LayoutTheme.h" | 45 #include "core/layout/LayoutTheme.h" |
| 46 #include "core/layout/style/GridPosition.h" | 46 #include "core/layout/style/GridPosition.h" |
| 47 #include "core/layout/style/LayoutStyle.h" | 47 #include "core/layout/style/ComputedStyle.h" |
| 48 #include "core/layout/style/LayoutStyleConstants.h" | 48 #include "core/layout/style/ComputedStyleConstants.h" |
| 49 #include "core/svg/SVGSVGElement.h" | 49 #include "core/svg/SVGSVGElement.h" |
| 50 #include "platform/Length.h" | 50 #include "platform/Length.h" |
| 51 #include "platform/transforms/TransformOperations.h" | 51 #include "platform/transforms/TransformOperations.h" |
| 52 #include "wtf/Assertions.h" | 52 #include "wtf/Assertions.h" |
| 53 | 53 |
| 54 namespace blink { | 54 namespace blink { |
| 55 | 55 |
| 56 using namespace HTMLNames; | 56 using namespace HTMLNames; |
| 57 | 57 |
| 58 static EDisplay equivalentBlockDisplay(EDisplay display, bool isFloating, bool s
trictParsing) | 58 static EDisplay equivalentBlockDisplay(EDisplay display, bool isFloating, bool s
trictParsing) |
| (...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 94 ASSERT_NOT_REACHED(); | 94 ASSERT_NOT_REACHED(); |
| 95 return NONE; | 95 return NONE; |
| 96 } | 96 } |
| 97 ASSERT_NOT_REACHED(); | 97 ASSERT_NOT_REACHED(); |
| 98 return BLOCK; | 98 return BLOCK; |
| 99 } | 99 } |
| 100 | 100 |
| 101 // CSS requires text-decoration to be reset at each DOM element for tables, | 101 // CSS requires text-decoration to be reset at each DOM element for tables, |
| 102 // inline blocks, inline tables, shadow DOM crossings, floating elements, | 102 // inline blocks, inline tables, shadow DOM crossings, floating elements, |
| 103 // and absolute or relatively positioned elements. | 103 // and absolute or relatively positioned elements. |
| 104 static bool doesNotInheritTextDecoration(const LayoutStyle& style, const Element
* e) | 104 static bool doesNotInheritTextDecoration(const ComputedStyle& style, const Eleme
nt* e) |
| 105 { | 105 { |
| 106 return style.display() == TABLE || style.display() == INLINE_TABLE | 106 return style.display() == TABLE || style.display() == INLINE_TABLE |
| 107 || style.display() == INLINE_BLOCK || style.display() == INLINE_BOX || i
sAtShadowBoundary(e) | 107 || style.display() == INLINE_BLOCK || style.display() == INLINE_BOX || i
sAtShadowBoundary(e) |
| 108 || style.isFloating() || style.hasOutOfFlowPosition(); | 108 || style.isFloating() || style.hasOutOfFlowPosition(); |
| 109 } | 109 } |
| 110 | 110 |
| 111 // FIXME: This helper is only needed because pseudoStyleForElement passes a null | 111 // FIXME: This helper is only needed because pseudoStyleForElement passes a null |
| 112 // element to adjustLayoutStyle, so we can't just use element->isInTopLayer(). | 112 // element to adjustComputedStyle, so we can't just use element->isInTopLayer(). |
| 113 static bool isInTopLayer(const Element* element, const LayoutStyle& style) | 113 static bool isInTopLayer(const Element* element, const ComputedStyle& style) |
| 114 { | 114 { |
| 115 return (element && element->isInTopLayer()) || style.styleType() == BACKDROP
; | 115 return (element && element->isInTopLayer()) || style.styleType() == BACKDROP
; |
| 116 } | 116 } |
| 117 | 117 |
| 118 static bool parentStyleForcesZIndexToCreateStackingContext(const LayoutStyle& pa
rentStyle) | 118 static bool parentStyleForcesZIndexToCreateStackingContext(const ComputedStyle&
parentStyle) |
| 119 { | 119 { |
| 120 return parentStyle.isDisplayFlexibleOrGridBox(); | 120 return parentStyle.isDisplayFlexibleOrGridBox(); |
| 121 } | 121 } |
| 122 | 122 |
| 123 static bool hasWillChangeThatCreatesStackingContext(const LayoutStyle& style) | 123 static bool hasWillChangeThatCreatesStackingContext(const ComputedStyle& style) |
| 124 { | 124 { |
| 125 for (size_t i = 0; i < style.willChangeProperties().size(); ++i) { | 125 for (size_t i = 0; i < style.willChangeProperties().size(); ++i) { |
| 126 switch (style.willChangeProperties()[i]) { | 126 switch (style.willChangeProperties()[i]) { |
| 127 case CSSPropertyOpacity: | 127 case CSSPropertyOpacity: |
| 128 case CSSPropertyTransform: | 128 case CSSPropertyTransform: |
| 129 case CSSPropertyWebkitTransform: | 129 case CSSPropertyWebkitTransform: |
| 130 case CSSPropertyTransformStyle: | 130 case CSSPropertyTransformStyle: |
| 131 case CSSPropertyWebkitTransformStyle: | 131 case CSSPropertyWebkitTransformStyle: |
| 132 case CSSPropertyPerspective: | 132 case CSSPropertyPerspective: |
| 133 case CSSPropertyWebkitPerspective: | 133 case CSSPropertyWebkitPerspective: |
| (...skipping 10 matching lines...) Expand all Loading... |
| 144 if (RuntimeEnabledFeatures::cssCompositingEnabled()) | 144 if (RuntimeEnabledFeatures::cssCompositingEnabled()) |
| 145 return true; | 145 return true; |
| 146 break; | 146 break; |
| 147 default: | 147 default: |
| 148 break; | 148 break; |
| 149 } | 149 } |
| 150 } | 150 } |
| 151 return false; | 151 return false; |
| 152 } | 152 } |
| 153 | 153 |
| 154 void StyleAdjuster::adjustLayoutStyle(LayoutStyle& style, const LayoutStyle& par
entStyle, Element *e, const AuthorStyleInfo& authorStyle) | 154 void StyleAdjuster::adjustComputedStyle(ComputedStyle& style, const ComputedStyl
e& parentStyle, Element *e, const AuthorStyleInfo& authorStyle) |
| 155 { | 155 { |
| 156 if (style.display() != NONE) { | 156 if (style.display() != NONE) { |
| 157 if (e && e->isHTMLElement()) | 157 if (e && e->isHTMLElement()) |
| 158 adjustStyleForHTMLElement(style, parentStyle, toHTMLElement(*e)); | 158 adjustStyleForHTMLElement(style, parentStyle, toHTMLElement(*e)); |
| 159 | 159 |
| 160 // Per the spec, position 'static' and 'relative' in the top layer compu
te to 'absolute'. | 160 // Per the spec, position 'static' and 'relative' in the top layer compu
te to 'absolute'. |
| 161 if (isInTopLayer(e, style) && (style.position() == StaticPosition || sty
le.position() == RelativePosition)) | 161 if (isInTopLayer(e, style) && (style.position() == StaticPosition || sty
le.position() == RelativePosition)) |
| 162 style.setPosition(AbsolutePosition); | 162 style.setPosition(AbsolutePosition); |
| 163 | 163 |
| 164 // Absolute/fixed positioned elements, floating elements and the documen
t element need block-like outside display. | 164 // Absolute/fixed positioned elements, floating elements and the documen
t element need block-like outside display. |
| (...skipping 59 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 224 | 224 |
| 225 // FIXME: when dropping the -webkit prefix on transform-style, we should als
o have opacity < 1 cause flattening. | 225 // FIXME: when dropping the -webkit prefix on transform-style, we should als
o have opacity < 1 cause flattening. |
| 226 if (style.preserves3D() && (style.overflowX() != OVISIBLE | 226 if (style.preserves3D() && (style.overflowX() != OVISIBLE |
| 227 || style.overflowY() != OVISIBLE | 227 || style.overflowY() != OVISIBLE |
| 228 || style.hasFilter())) | 228 || style.hasFilter())) |
| 229 style.setTransformStyle3D(TransformStyle3DFlat); | 229 style.setTransformStyle3D(TransformStyle3DFlat); |
| 230 | 230 |
| 231 if (e && e->isSVGElement()) { | 231 if (e && e->isSVGElement()) { |
| 232 // Only the root <svg> element in an SVG document fragment tree honors c
ss position | 232 // Only the root <svg> element in an SVG document fragment tree honors c
ss position |
| 233 if (!(isSVGSVGElement(*e) && e->parentNode() && !e->parentNode()->isSVGE
lement())) | 233 if (!(isSVGSVGElement(*e) && e->parentNode() && !e->parentNode()->isSVGE
lement())) |
| 234 style.setPosition(LayoutStyle::initialPosition()); | 234 style.setPosition(ComputedStyle::initialPosition()); |
| 235 | 235 |
| 236 // SVG text layout code expects us to be a block-level style element. | 236 // SVG text layout code expects us to be a block-level style element. |
| 237 if ((isSVGForeignObjectElement(*e) || isSVGTextElement(*e)) && style.isD
isplayInlineType()) | 237 if ((isSVGForeignObjectElement(*e) || isSVGTextElement(*e)) && style.isD
isplayInlineType()) |
| 238 style.setDisplay(BLOCK); | 238 style.setDisplay(BLOCK); |
| 239 | 239 |
| 240 // Columns don't apply to svg text elements. | 240 // Columns don't apply to svg text elements. |
| 241 if (isSVGTextElement(*e)) | 241 if (isSVGTextElement(*e)) |
| 242 style.clearMultiCol(); | 242 style.clearMultiCol(); |
| 243 } | 243 } |
| 244 adjustStyleForAlignment(style, parentStyle); | 244 adjustStyleForAlignment(style, parentStyle); |
| 245 } | 245 } |
| 246 | 246 |
| 247 void StyleAdjuster::adjustStyleForFirstLetter(LayoutStyle& style) | 247 void StyleAdjuster::adjustStyleForFirstLetter(ComputedStyle& style) |
| 248 { | 248 { |
| 249 if (style.styleType() != FIRST_LETTER) | 249 if (style.styleType() != FIRST_LETTER) |
| 250 return; | 250 return; |
| 251 | 251 |
| 252 // Force inline display (except for floating first-letters). | 252 // Force inline display (except for floating first-letters). |
| 253 style.setDisplay(style.isFloating() ? BLOCK : INLINE); | 253 style.setDisplay(style.isFloating() ? BLOCK : INLINE); |
| 254 | 254 |
| 255 // CSS2 says first-letter can't be positioned. | 255 // CSS2 says first-letter can't be positioned. |
| 256 style.setPosition(StaticPosition); | 256 style.setPosition(StaticPosition); |
| 257 } | 257 } |
| 258 | 258 |
| 259 void StyleAdjuster::adjustStyleForAlignment(LayoutStyle& style, const LayoutStyl
e& parentStyle) | 259 void StyleAdjuster::adjustStyleForAlignment(ComputedStyle& style, const Computed
Style& parentStyle) |
| 260 { | 260 { |
| 261 bool isFlexOrGrid = style.isDisplayFlexibleOrGridBox(); | 261 bool isFlexOrGrid = style.isDisplayFlexibleOrGridBox(); |
| 262 bool absolutePositioned = style.position() == AbsolutePosition; | 262 bool absolutePositioned = style.position() == AbsolutePosition; |
| 263 | 263 |
| 264 // If the inherited value of justify-items includes the legacy keyword, 'aut
o' | 264 // If the inherited value of justify-items includes the legacy keyword, 'aut
o' |
| 265 // computes to the the inherited value. | 265 // computes to the the inherited value. |
| 266 // Otherwise, auto computes to: | 266 // Otherwise, auto computes to: |
| 267 // - 'stretch' for flex containers and grid containers. | 267 // - 'stretch' for flex containers and grid containers. |
| 268 // - 'start' for everything else. | 268 // - 'start' for everything else. |
| 269 if (style.justifyItems() == ItemPositionAuto) { | 269 if (style.justifyItems() == ItemPositionAuto) { |
| (...skipping 57 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 327 if (style.alignContent() == ContentPositionAuto && style.alignContentDistrib
ution() == ContentDistributionDefault) { | 327 if (style.alignContent() == ContentPositionAuto && style.alignContentDistrib
ution() == ContentDistributionDefault) { |
| 328 if (style.isDisplayFlexibleOrGridBox()) { | 328 if (style.isDisplayFlexibleOrGridBox()) { |
| 329 if (style.isDisplayFlexibleBox()) | 329 if (style.isDisplayFlexibleBox()) |
| 330 style.setAlignContentDistribution(ContentDistributionStretch); | 330 style.setAlignContentDistribution(ContentDistributionStretch); |
| 331 else | 331 else |
| 332 style.setAlignContent(ContentPositionStart); | 332 style.setAlignContent(ContentPositionStart); |
| 333 } | 333 } |
| 334 } | 334 } |
| 335 } | 335 } |
| 336 | 336 |
| 337 void StyleAdjuster::adjustStyleForHTMLElement(LayoutStyle& style, const LayoutSt
yle& parentStyle, HTMLElement& element) | 337 void StyleAdjuster::adjustStyleForHTMLElement(ComputedStyle& style, const Comput
edStyle& parentStyle, HTMLElement& element) |
| 338 { | 338 { |
| 339 // <div> and <span> are the most common elements on the web, we skip all the
work for them. | 339 // <div> and <span> are the most common elements on the web, we skip all the
work for them. |
| 340 if (isHTMLDivElement(element) || isHTMLSpanElement(element)) | 340 if (isHTMLDivElement(element) || isHTMLSpanElement(element)) |
| 341 return; | 341 return; |
| 342 | 342 |
| 343 if (isHTMLTableCellElement(element)) { | 343 if (isHTMLTableCellElement(element)) { |
| 344 // If we have a <td> that specifies a float property, in quirks mode we
just drop the float property. | 344 // If we have a <td> that specifies a float property, in quirks mode we
just drop the float property. |
| 345 // FIXME: Why is this only <td> and not <th>? | 345 // FIXME: Why is this only <td> and not <th>? |
| 346 if (element.hasTagName(tdTag) && m_useQuirksModeStyles) { | 346 if (element.hasTagName(tdTag) && m_useQuirksModeStyles) { |
| 347 style.setDisplay(TABLE_CELL); | 347 style.setDisplay(TABLE_CELL); |
| (...skipping 69 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 417 if (style.width().isAuto()) | 417 if (style.width().isAuto()) |
| 418 style.setWidth(Length(LayoutReplaced::defaultWidth, Fixed)); | 418 style.setWidth(Length(LayoutReplaced::defaultWidth, Fixed)); |
| 419 if (style.height().isAuto()) | 419 if (style.height().isAuto()) |
| 420 style.setHeight(Length(LayoutReplaced::defaultHeight, Fixed)); | 420 style.setHeight(Length(LayoutReplaced::defaultHeight, Fixed)); |
| 421 } | 421 } |
| 422 | 422 |
| 423 return; | 423 return; |
| 424 } | 424 } |
| 425 } | 425 } |
| 426 | 426 |
| 427 void StyleAdjuster::adjustOverflow(LayoutStyle& style) | 427 void StyleAdjuster::adjustOverflow(ComputedStyle& style) |
| 428 { | 428 { |
| 429 ASSERT(style.overflowX() != OVISIBLE || style.overflowY() != OVISIBLE); | 429 ASSERT(style.overflowX() != OVISIBLE || style.overflowY() != OVISIBLE); |
| 430 | 430 |
| 431 // If either overflow value is not visible, change to auto. | 431 // If either overflow value is not visible, change to auto. |
| 432 if (style.overflowX() == OVISIBLE && style.overflowY() != OVISIBLE) { | 432 if (style.overflowX() == OVISIBLE && style.overflowY() != OVISIBLE) { |
| 433 // FIXME: Once we implement pagination controls, overflow-x should defau
lt to hidden | 433 // FIXME: Once we implement pagination controls, overflow-x should defau
lt to hidden |
| 434 // if overflow-y is set to -webkit-paged-x or -webkit-page-y. For now, w
e'll let it | 434 // if overflow-y is set to -webkit-paged-x or -webkit-page-y. For now, w
e'll let it |
| 435 // default to auto so we can at least scroll through the pages. | 435 // default to auto so we can at least scroll through the pages. |
| 436 style.setOverflowX(OAUTO); | 436 style.setOverflowX(OAUTO); |
| 437 } else if (style.overflowY() == OVISIBLE && style.overflowX() != OVISIBLE) { | 437 } else if (style.overflowY() == OVISIBLE && style.overflowX() != OVISIBLE) { |
| (...skipping 10 matching lines...) Expand all Loading... |
| 448 style.setOverflowY(OVISIBLE); | 448 style.setOverflowY(OVISIBLE); |
| 449 } | 449 } |
| 450 | 450 |
| 451 // Menulists should have visible overflow | 451 // Menulists should have visible overflow |
| 452 if (style.appearance() == MenulistPart) { | 452 if (style.appearance() == MenulistPart) { |
| 453 style.setOverflowX(OVISIBLE); | 453 style.setOverflowX(OVISIBLE); |
| 454 style.setOverflowY(OVISIBLE); | 454 style.setOverflowY(OVISIBLE); |
| 455 } | 455 } |
| 456 } | 456 } |
| 457 | 457 |
| 458 void StyleAdjuster::adjustStyleForDisplay(LayoutStyle& style, const LayoutStyle&
parentStyle) | 458 void StyleAdjuster::adjustStyleForDisplay(ComputedStyle& style, const ComputedSt
yle& parentStyle) |
| 459 { | 459 { |
| 460 if (style.display() == BLOCK && !style.isFloating()) | 460 if (style.display() == BLOCK && !style.isFloating()) |
| 461 return; | 461 return; |
| 462 | 462 |
| 463 // FIXME: Don't support this mutation for pseudo styles like first-letter or
first-line, since it's not completely | 463 // FIXME: Don't support this mutation for pseudo styles like first-letter or
first-line, since it's not completely |
| 464 // clear how that should work. | 464 // clear how that should work. |
| 465 if (style.display() == INLINE && style.styleType() == NOPSEUDO && style.writ
ingMode() != parentStyle.writingMode()) | 465 if (style.display() == INLINE && style.styleType() == NOPSEUDO && style.writ
ingMode() != parentStyle.writingMode()) |
| 466 style.setDisplay(INLINE_BLOCK); | 466 style.setDisplay(INLINE_BLOCK); |
| 467 | 467 |
| 468 // After performing the display mutation, check table rows. We do not honor
position: relative table rows or cells. | 468 // After performing the display mutation, check table rows. We do not honor
position: relative table rows or cells. |
| (...skipping 17 matching lines...) Expand all Loading... |
| 486 if (style.writingMode() != TopToBottomWritingMode && (style.display() == BOX
|| style.display() == INLINE_BOX)) | 486 if (style.writingMode() != TopToBottomWritingMode && (style.display() == BOX
|| style.display() == INLINE_BOX)) |
| 487 style.setWritingMode(TopToBottomWritingMode); | 487 style.setWritingMode(TopToBottomWritingMode); |
| 488 | 488 |
| 489 if (parentStyle.isDisplayFlexibleOrGridBox()) { | 489 if (parentStyle.isDisplayFlexibleOrGridBox()) { |
| 490 style.setFloating(NoFloat); | 490 style.setFloating(NoFloat); |
| 491 style.setDisplay(equivalentBlockDisplay(style.display(), style.isFloatin
g(), !m_useQuirksModeStyles)); | 491 style.setDisplay(equivalentBlockDisplay(style.display(), style.isFloatin
g(), !m_useQuirksModeStyles)); |
| 492 } | 492 } |
| 493 } | 493 } |
| 494 | 494 |
| 495 } | 495 } |
| OLD | NEW |