{"id":143,"date":"2006-02-14T15:21:19","date_gmt":"2006-02-14T15:21:19","guid":{"rendered":"http:\/\/www.pete.nu\/blog\/2006\/02\/bugfix\/"},"modified":"2006-04-03T13:02:26","modified_gmt":"2006-04-03T13:02:26","slug":"bugfix","status":"publish","type":"post","link":"https:\/\/pete.nu\/blog\/2006\/02\/14\/bugfix\/","title":{"rendered":"Bugfix &#8211; erratically expanding textareas, no thanks!"},"content":{"rendered":"<p><a href=\"http:\/\/fremescent.blogspot.com\/\">Ade<\/a> <a href=\"\/blog\/2006\/02\/some-recent-listening\/#comment-37\">discovered an undesirable behaviour<\/a> when writing a comment on this site, which I believe is probably also present in the WordPress classic theme.<\/p>\n<p>The main text field for entering comments in was being created using the following <abbr title=\"HyperText Markup Language\">HTML<\/abbr>:<\/p>\n<p><code>&lt;p&gt;&lt;textarea name=\"comment\" id=\"comment\" cols=\"100%\" rows=\"10\" tabindex=\"4\"&gt;&lt;\/textarea&gt;&lt;\/p&gt;<\/code><\/p>\n<p>As a result of a bug in Internet Explorer, as soon as you start typing in this text field it will expand to the width of the browser window, leaving the right-hand edge hidden underneath the sidebar. The culprit is <code>cols=\"100%\"<\/code>.<\/p>\n<p>To fix it, I added a couple of lines, so the <abbr title=\"HyperText Markup Language\">HTML<\/abbr> now reads:<\/p>\n<p><code>&lt;div style=\"width:100%\"&gt;<br \/>\n&lt;p&gt;&lt;textarea name=\"comment\" id=\"comment\" cols=\"100%\" rows=\"10\" tabindex=\"4\"&gt;&lt;\/textarea&gt;&lt;\/p&gt;<br \/>\n&lt;\/div&gt;<\/code><\/p>\n<p>This seems to fix the oddness in <abbr title=\"Internet Explorer\">IE<\/abbr> without affecting the rendering in Firefox. Let me know if you encounter any further peculiarities.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Ade discovered an undesirable behaviour when writing a comment on this site, which I believe is probably also present in the WordPress classic theme. The main text field for entering comments in was being created using the following HTML: &lt;p&gt;&lt;textarea name=&#8221;comment&#8221; id=&#8221;comment&#8221; cols=&#8221;100%&#8221; rows=&#8221;10&#8243; tabindex=&#8221;4&#8243;&gt;&lt;\/textarea&gt;&lt;\/p&gt; As a result of a bug in Internet Explorer, as [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-143","post","type-post","status-publish","format-standard","hentry","category-titgig"],"_links":{"self":[{"href":"https:\/\/pete.nu\/blog\/wp-json\/wp\/v2\/posts\/143","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pete.nu\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/pete.nu\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/pete.nu\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pete.nu\/blog\/wp-json\/wp\/v2\/comments?post=143"}],"version-history":[{"count":0,"href":"https:\/\/pete.nu\/blog\/wp-json\/wp\/v2\/posts\/143\/revisions"}],"wp:attachment":[{"href":"https:\/\/pete.nu\/blog\/wp-json\/wp\/v2\/media?parent=143"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/pete.nu\/blog\/wp-json\/wp\/v2\/categories?post=143"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/pete.nu\/blog\/wp-json\/wp\/v2\/tags?post=143"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}