Chromium Code Reviews| OLD | NEW |
|---|---|
| 1 # `Source/core/layout` | 1 # `Source/core/layout` |
| 2 | 2 |
| 3 ## Overflow rects and scroll offsets | 3 ## Overflow rects and scroll offsets |
| 4 | 4 |
| 5 PaintLayerScrollableArea uses a "scroll origin" to conceptually represent the di stance between | 5 PaintLayerScrollableArea uses a "scroll origin" to conceptually represent the di stance between |
| 6 the top-left corner of the box'es content rect and the top-left corner of its ov erflow rect | 6 the top-left corner of the box'es content rect and the top-left corner of its ov erflow rect |
| 7 when the box is scrolled to the logical beginning of its content (.e.g. all the way to the left for | 7 when the box is scrolled to the logical beginning of its content (.e.g. all the way to the left for |
| 8 LTR, all the way to the right for RTL). For left-to-right and top-to-bottom flo ws, the scroll | 8 LTR, all the way to the right for RTL). For left-to-right and top-to-bottom flo ws, the scroll |
| 9 origin is zero, i.e., the top/left of the overflow rect is at the same position as the top/left of | 9 origin is zero, i.e., the top/left of the overflow rect is at the same position as the top/left of |
| 10 the box'es content rect when scrolled to the beginning of flow. For right-to-le ft and bottom-to-top | 10 the box'es content rect when scrolled to the beginning of flow. For right-to-le ft and bottom-to-top |
| (...skipping 10 matching lines...) Expand all Loading... | |
| 21 origin | 21 origin |
| 22 |<-------->| | 22 |<-------->| |
| 23 _____________________ | 23 _____________________ |
| 24 | | | | 24 | | | |
| 25 | | | | 25 | | | |
| 26 | | | | 26 | | | |
| 27 direction:rtl | | box | | 27 direction:rtl | | box | |
| 28 | | | | 28 | | | |
| 29 | | | | 29 | | | |
| 30 |__________|__________| | 30 |__________|__________| |
| 31 | 31 |
|
chrishtr
2016/07/11 22:35:11
Spurious edits in this file.
wkorman
2016/07/11 22:46:17
Done.
| |
| 32 overflow rect | 32 overflow rect |
| 33 |<--------------------->| | 33 |<--------------------->| |
| 34 | 34 |
| 35 | 35 |
| 36 However, if the box has a scrollbar for the orthogonal direction (e.g., a vertic al scrollbar | 36 However, if the box has a scrollbar for the orthogonal direction (e.g., a vertic al scrollbar |
| 37 in a direction:rtl block), the size of the scrollbar must be added to the scroll origin calculation. | 37 in a direction:rtl block), the size of the scrollbar must be added to the scroll origin calculation. |
| 38 Here are two examples -- note that it doesn't matter whether the vertical scroll bar is placed on | 38 Here are two examples -- note that it doesn't matter whether the vertical scroll bar is placed on |
| 39 the right or left of the box (the vertical scrollbar is the |/| part): | 39 the right or left of the box (the vertical scrollbar is the |/| part): |
| 40 | 40 |
| 41 content | 41 content |
| 42 rect | 42 rect |
| 43 |<-------->| | 43 |<-------->| |
| 44 scroll | 44 scroll |
| 45 origin | 45 origin |
| 46 |<---------->| | 46 |<---------->| |
| 47 _______________________ | 47 _______________________ |
| 48 | |/| | | 48 | |/| | |
| 49 | |/| | | 49 | |/| | |
| 50 | |/| | | 50 | |/| | |
| 51 direction:rtl | |/| box | | 51 direction:rtl | |/| box | |
| 52 | |/| | | 52 | |/| | |
| 53 | |/| | | 53 | |/| | |
| 54 |__________|/|__________| | 54 |__________|/|__________| |
| 55 | 55 |
| 56 overflow rect | 56 overflow rect |
| 57 |<--------------------->| | 57 |<--------------------->| |
| 58 | 58 |
| 59 | 59 |
| 60 | 60 |
| 61 content | 61 content |
| 62 rect | 62 rect |
| 63 |<-------->| | 63 |<-------->| |
| 64 scroll | 64 scroll |
| 65 origin | 65 origin |
| 66 |<---------->| | 66 |<---------->| |
| 67 _______________________ | 67 _______________________ |
| 68 | | |/| | 68 | | |/| |
| 69 | | |/| | 69 | | |/| |
| 70 | | |/| | 70 | | |/| |
| 71 writing-mode: | | |/| | 71 writing-mode: | | |/| |
| 72 vertical-rl | | |/| | 72 vertical-rl | | |/| |
| 73 | | |/| | 73 | | |/| |
| 74 | | |/| | 74 | | |/| |
| 75 | | |/| | 75 | | |/| |
| 76 |__________|__________|/| | 76 |__________|__________|/| |
| 77 | 77 |
| 78 overflow rect | 78 overflow rect |
| 79 |<--------------------->| | 79 |<--------------------->| |
| 80 | |
| 81 ## Coordinate Spaces | |
| 82 | |
| 83 TODO(wkorman): Document writing mode, particularly flipped blocks. | |
| OLD | NEW |