<!DOCTYPE html>
<head>
<style>
body {
  margin: 0;
  padding: 0;
}
#input:focus {
  width: 100%;
}
</style>
</head>
<body id="body">
<p> https://bugs.webkit.org/show_bug.cgi?id=109020: An input element that grows to 100% width will create scrollbars, and these should go away when it loses focus. </p>
<input id="input" placeholder="placeholder">
<input id="input2">
<script>
    document.getElementById('input').focus();
    document.getElementById('input2').focus();
</script>
</body>