| <!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> |