Google Git
Sign in
chromium / devtools / devtools-frontend / refs/heads/chromium/7155
commit4187023481613ad21d9ef3a63e0496c75e1b338b[log] [tgz]
authorJack Franklin <[email protected]>Thu May 01 09:08:39 2025
committerDevtools-frontend LUCI CQ <devtools-frontend-scoped@luci-project-accounts.iam.gserviceaccount.com>Thu May 01 09:38:49 2025
tree91a04b9912b71963cb9dd18bf3f4489149e085fe
parent05169297ed7aa726ef9b91787618a99f77644404 [diff]
Fix "What's new" not scrolling

This was caused by one of the changes in crrev.com/c/6441440 which made
the element a panel. I didn't want to undo that as that change makes
sense.

When looking at the CSS, I noticed a lot of flex elements. Flex +
overflow isn't always a nice combo because of how Flex shrinks + expands
its children. By removing the flexing from the list of "What's new",
this allowed the list to take up the right height, and then we can style
the container to have `overflow: auto` and take up the space of the
panel.

[email protected]

Bug: 414948533
Change-Id: I347917b73310ac6e90261784ba8f4273b5cc3f59
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6504357
Reviewed-by: Danil Somsikov <[email protected]>
Commit-Queue: Jack Franklin <[email protected]>
Reviewed-by: Nikolay Vitkov <[email protected]>
1 file changed
tree: 91a04b9912b71963cb9dd18bf3f4489149e085fe
  1. .vscode/
  2. build_overrides/
  3. config/
  4. docs/
  5. extension-api/
  6. extensions/
  7. front_end/
  8. inspector_overlay/
  9. node_modules/
  10. scripts/
  11. test/
  12. third_party/
  13. v8/
  14. build
  15. buildtools
  16. .clang-format
  17. .clang-format-ignore
  18. .editorconfig
  19. .git-blame-ignore-revs
  20. .gitallowed
  21. .gitattributes
  22. .gitignore
  23. .gitmodules
  24. .gn
  25. .mailmap
  26. .npmignore
  27. .npmrc
  28. .style.yapf
  29. .stylelintignore
  30. .stylelintrc.json
  31. AUTHORS
  32. BUILD.gn
  33. codereview.settings
  34. CONTRIBUTING.md
  35. DEPS
  36. eslint.config.mjs
  37. favicon.ico
  38. LICENSE
  39. OWNERS
  40. package-lock.json
  41. package.json
  42. PRESUBMIT.py
  43. README.md
  44. tsconfig.json
  45. WATCHLISTS
README.md

Chrome DevTools frontend

npm package

The client-side of the Chrome DevTools, including all TypeScript & CSS to run the DevTools webapp.

Source code and documentation

The frontend is available on chromium.googlesource.com. Check out the Chromium DevTools documentation for instructions to set up, use, and maintain a DevTools front-end checkout, as well as design guidelines, and architectural documentation.

Source mirrors

DevTools frontend repository is mirrored on GitHub.

DevTools frontend is also available on NPM as the chrome-devtools-frontend package. It's not currently available via CJS or ES modules, so consuming this package in other tools may require some effort.

The version number of the npm package (e.g. 1.0.373466) refers to the Chromium commit position of latest frontend git commit. It's incremented with every Chromium commit, however the package is updated roughly daily.

Getting in touch

There are a few options to keep an eye on the latest and greatest of DevTools development: