tusbar/index.html

## index.html
<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Chromium Issue 676368</title>
    <style>
      * {
        box-sizing: content-box;
      }

      body {
        height: 300px;
        padding-left: 250px;
      }

      aside {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 250px;
        background-color: red;
        color: white;
      }

      div {
        font-size: 40px;
        height: 100%;
        width: calc(100vw + 200px);
      }
    </style>
</head>

<body>
    <aside>
        This block should be fixed (as in <code>position: fixed;</code>), but is not when using the “device toolbar”
    </aside>
    <div contenteditable="true">
      This content is scrollable.
    </div>
</body>

</html>
	<!DOCTYPE html>
	<html>

	<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Chromium Issue 676368</title>
	<style>
	* {
	box-sizing: content-box;
	}

	body {
	height: 300px;
	padding-left: 250px;
	}

	aside {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	width: 250px;
	background-color: red;
	color: white;
	}

	div {
	font-size: 40px;
	height: 100%;
	width: calc(100vw + 200px);
	}
	</style>
	</head>

	<body>
	<aside>
	This block should be fixed (as in <code>position: fixed;</code>), but is not when using the “device toolbar”
	</aside>
	<div contenteditable="true">
	This content is scrollable.
	</div>
	</body>

	</html>