OLD | NEW |
1 # Blink Layout | 1 # Blink Layout |
2 | 2 |
3 The `Source/core/layout` directory contains the implementation of layout objects
. | 3 The `Source/core/layout` directory contains the implementation of layout objects
. |
4 It covers the following document lifecycle states: | 4 It covers the following document lifecycle states: |
5 | 5 |
6 * LayoutSubtreeChange (`InLayoutSubtreeChange` and `LayoutSubtreeChangeClean`) | 6 * LayoutSubtreeChange (`InLayoutSubtreeChange` and `LayoutSubtreeChangeClean`) |
7 * PreLayout (`InPreLayout`) | 7 * PreLayout (`InPreLayout`) |
8 * PerformLayout (`InPerformLayout`) | 8 * PerformLayout (`InPerformLayout`) |
9 * AfterPerformLayout (`AfterPerformLayout` and `LayoutClean`) | 9 * AfterPerformLayout (`AfterPerformLayout` and `LayoutClean`) |
10 | 10 |
11 Note that a new Blink layout system is under development. See the | 11 Note that a new Blink layout system is under development. See the |
12 [LayoutNG design document](https://docs.google.com/document/d/1uxbDh4uONFQOiGuiu
mlJBLGgO4KDWB8ZEkp7Rd47fw4/preview). | 12 [LayoutNG design document](https://docs.google.com/document/d/1uxbDh4uONFQOiGuiu
mlJBLGgO4KDWB8ZEkp7Rd47fw4/preview). |
13 | 13 |
14 The layout code is maintained by the | 14 The layout code is maintained by the |
15 [layout team](http://dev.chromium.org/blink/layout-team). | 15 [layout team](http://dev.chromium.org/teams/layout-team). |
16 | 16 |
17 ## Scroll origin vs. offset vs. position | 17 ## Scroll origin vs. offset vs. position |
18 | 18 |
19 When a LayoutBox has scrollable overflow, it is associated with a PaintLayerScro
llableArea. | 19 When a LayoutBox has scrollable overflow, it is associated with a PaintLayerScro
llableArea. |
20 PaintLayerScrollableArea uses a "scroll origin" to represent the location of the
top/left | 20 PaintLayerScrollableArea uses a "scroll origin" to represent the location of the
top/left |
21 corner of the content rect (the visible part of the content) in the coordinate s
ystem | 21 corner of the content rect (the visible part of the content) in the coordinate s
ystem |
22 defined by the top/left corner of the overflow rect, when the box is scrolled al
l the way | 22 defined by the top/left corner of the overflow rect, when the box is scrolled al
l the way |
23 to the beginning of its content. | 23 to the beginning of its content. |
24 | 24 |
25 For content which flows left-to-right and top-to-bottom, the scroll origin will
be (0, 0), | 25 For content which flows left-to-right and top-to-bottom, the scroll origin will
be (0, 0), |
(...skipping 290 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
316 left-to-right or right-to-left block flow. Geometry is transposed for vertical | 316 left-to-right or right-to-left block flow. Geometry is transposed for vertical |
317 writing mode. See calls to `transposed{Rect,Point,Size}()`. | 317 writing mode. See calls to `transposed{Rect,Point,Size}()`. |
318 * `direction`/`dir`: "inline base direction" of a box. One of `ltr` or | 318 * `direction`/`dir`: "inline base direction" of a box. One of `ltr` or |
319 `rtl`. See calls to `isLeftToRightDirection()`. | 319 `rtl`. See calls to `isLeftToRightDirection()`. |
320 * `text-orientation`: orientation of text in a line. Only relevant for vertical | 320 * `text-orientation`: orientation of text in a line. Only relevant for vertical |
321 modes. | 321 modes. |
322 * orthogonal flow: when a box has a writing mode perpendicular to its containing | 322 * orthogonal flow: when a box has a writing mode perpendicular to its containing |
323 block. This can lead to complex cases. See | 323 block. This can lead to complex cases. See |
324 [specification](https://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows) | 324 [specification](https://www.w3.org/TR/css-writing-modes-3/#orthogonal-flows) |
325 for more. | 325 for more. |
OLD | NEW |