chrome-devtools-frontend
Version:
Chrome DevTools UI
38 lines (33 loc) • 900 B
HTML
<!--
Copyright 2020 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<html>
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Scrolling breadcrumbs example</title>
<style>
#container {
width: 500px;
border: 1px solid black;
}
button {
margin-top: 20px;
width: 400px;
font-size: 18px;
padding: 10px;
}
:root {
--tab-selected-bg-color: lightblue;
}
</style>
</head>
<body>
<div id="container">
</div>
<button>Click me to make the <code>div</code> crumb the selected node (as if the user had clicked it in the elements pane)</button>
<script type="module" src="./scroll-to-active-element.js"></script>
</body>
</html>