Google Git
Sign in
chromium / chromium / src / bf5112feaaa4a2cdbcb96ec8a67914f2890ee5ce
commitbf5112feaaa4a2cdbcb96ec8a67914f2890ee5ce[log] [tgz]
authorXiaocheng Hu <xiaochengh@chromium.org>Wed Jul 20 01:44:51 2022
committerChromium LUCI CQ <chromium-scoped@luci-project-accounts.iam.gserviceaccount.com>Wed Jul 20 01:44:51 2022
treeb4261e54bb7b5c0f01a11d432bc991b8f3f0592b
parentfa8c80de7c2cdfd12f7ad59fe1b66f1d29445058 [diff]
[anchor-position] Style & layout implementation of anchor-scroll

This patch:

1. Adds a new CSS property 'anchor-scroll', to allow an anchor-
   positioned element to move with its anchor even when the anchor
   is in a different scroll container. The syntax is
   anchor-scroll: none | <dashed-ident>

2. Adds LayoutBox::GetAnchorScrollObject(), which returns the layout
   object of the anchor referred to by the `anchor-scroll` property.
   The result is queried from the NGPhysicalAnchorQuery structure of
   the containing block's fragment.

3. To support the calculation, NGPhysical/LogicalAnchorQuery are
   augmented to store not only the rects, but also the
   NGPhysicalFragments of the potential anchors.

Spec: https://tabatkins.github.io/specs/css-anchor-position/#anchor-scroll

Bug: 1309178
Change-Id: If33099efa5a37ca59aa917beb70d7f7686d765d5
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/3756357
Commit-Queue: Xiaocheng Hu <xiaochengh@chromium.org>
Reviewed-by: Koji Ishii <kojii@chromium.org>
Cr-Commit-Position: refs/heads/main@{#1026056}
19 files changed
tree: b4261e54bb7b5c0f01a11d432bc991b8f3f0592b
  1. android_webview/
  2. apps/
  3. ash/
  4. base/
  5. build/
  6. build_overrides/
  7. buildtools/
  8. cc/
  9. chrome/
  10. chromecast/
  11. chromeos/
  12. codelabs/
  13. components/
  14. content/
  15. courgette/
  16. crypto/
  17. dbus/
  18. device/
  19. docs/
  20. extensions/
  21. fuchsia_web/
  22. gin/
  23. google_apis/
  24. google_update/
  25. gpu/
  26. headless/
  27. infra/
  28. ios/
  29. ipc/
  30. media/
  31. mojo/
  32. native_client_sdk/
  33. net/
  34. pdf/
  35. ppapi/
  36. printing/
  37. remoting/
  38. rlz/
  39. sandbox/
  40. services/
  41. skia/
  42. sql/
  43. storage/
  44. styleguide/
  45. testing/
  46. third_party/
  47. tools/
  48. ui/
  49. url/
  50. weblayer/
  51. .clang-format
  52. .clang-tidy
  53. .eslintrc.js
  54. .git-blame-ignore-revs
  55. .gitattributes
  56. .gitignore
  57. .gn
  58. .mailmap
  59. .rustfmt.toml
  60. .vpython
  61. .vpython3
  62. .yapfignore
  63. AUTHORS
  64. BUILD.gn
  65. CODE_OF_CONDUCT.md
  66. codereview.settings
  67. DEPS
  68. DIR_METADATA
  69. ENG_REVIEW_OWNERS
  70. LICENSE
  71. LICENSE.chromium_os
  72. OWNERS
  73. PRESUBMIT.py
  74. PRESUBMIT_test.py
  75. PRESUBMIT_test_mocks.py
  76. README.md
  77. WATCHLISTS
README.md

Logo Chromium

Chromium is an open-source browser project that aims to build a safer, faster, and more stable way for all users to experience the web.

The project's web site is https://www.chromium.org.

To check out the source code locally, don't use git clone! Instead, follow the instructions on how to get the code.

Documentation in the source is rooted in docs/README.md.

Learn how to Get Around the Chromium Source Code Directory Structure .

For historical reasons, there are some small top level directories. Now the guidance is that new top level directories are for product (e.g. Chrome, Android WebView, Ash). Even if these products have multiple executables, the code should be in subdirectories of the product.

If you found a bug, please file it at https://crbug.com/new.