OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <head> | 2 <head> |
3 <style> | 3 <style> |
4 body { | 4 body { |
5 margin: 0; | 5 margin: 0; |
6 padding: 0; | 6 padding: 0; |
7 } | 7 } |
8 #input:focus { | 8 #input:focus { |
9 width: 100%; | 9 width: 100%; |
10 } | 10 } |
11 </style> | 11 </style> |
12 </head> | 12 </head> |
13 <body id="body"> | 13 <body id="body"> |
14 <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 foc
us. </p> | 14 <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 foc
us. </p> |
15 <textarea id="input" placeholder="placeholder"></textarea> | 15 <textarea id="input" placeholder="placeholder"></textarea> |
16 <textarea id="input2"></textarea> | 16 <textarea id="input2"></textarea> |
17 <script> | 17 <script> |
18 document.getElementById('input').focus(); | 18 document.getElementById('input').focus(); |
19 document.getElementById('input2').focus(); | 19 document.getElementById('input2').focus(); |
20 </script> | 20 </script> |
21 </body> | 21 </body> |
OLD | NEW |