{"action":"opened","issue":{"url":"https://api.github.com/repos/jackmoore/autosize/issues/217","labels_url":"https://api.github.com/repos/jackmoore/autosize/issues/217/labels{/name}","comments_url":"https://api.github.com/repos/jackmoore/autosize/issues/217/comments","events_url":"https://api.github.com/repos/jackmoore/autosize/issues/217/events","html_url":"https://github.com/jackmoore/autosize/issues/217","id":68951841,"number":217,"title":"Initial height of textarea that has its height set by css selector rule. ","user":{"login":"vogdb","id":372386,"avatar_url":"https://avatars.githubusercontent.com/u/372386?v=3","gravatar_id":"","url":"https://api.github.com/users/vogdb","html_url":"https://github.com/vogdb","followers_url":"https://api.github.com/users/vogdb/followers","following_url":"https://api.github.com/users/vogdb/following{/other_user}","gists_url":"https://api.github.com/users/vogdb/gists{/gist_id}","starred_url":"https://api.github.com/users/vogdb/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/vogdb/subscriptions","organizations_url":"https://api.github.com/users/vogdb/orgs","repos_url":"https://api.github.com/users/vogdb/repos","events_url":"https://api.github.com/users/vogdb/events{/privacy}","received_events_url":"https://api.github.com/users/vogdb/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-04-16T15:43:34Z","updated_at":"2015-04-16T15:43:34Z","closed_at":null,"body":"Hi! @jackmoore. Thank you for such huge update and improvement. Currently I'm testing the new version 3.0 and have problems with understanding of how the initial height of textarea works. I want my textarea to look like a usual input text at the beginning while it's empty and user haven't typed there yet. For that I put a css rule on the textarea like this\r\n```css\r\ntextarea.empty {\r\nheight: 30px\r\n}\r\n\r\n```\r\n\r\n```html\r\n<!DOCTYPE html>\r\n<html>\r\n\t<head>\r\n\t\t<meta charset='utf-8'/>\r\n\t\t<title>Simple Autosize for textareas</title>\r\n\t\t<style>\r\n\t\t\ttextarea {\r\n\t\t\t\tpadding: 10px;\r\n\t\t\t\tvertical-align: top;\r\n\t\t\t\twidth: 200px;\r\n\t\t\t\theight: 20px;\r\n\t\t\t}\r\n\t\t\ttextarea:focus {\r\n\t\t\t\toutline-style: solid;\r\n\t\t\t\toutline-width: 2px;\r\n\t\t\t}\r\n\t\t</style>\r\n\t</head>\r\n\t<body>\r\n\t\t<h3>max-height 300px</h3>\r\n\t\t<textarea style='max-height: 300px'></textarea>\r\n\t</body>\r\n\t<script src='../dest/autosize.js'></script>\r\n\t<script>\r\n\t\tautosize(document.querySelectorAll('textarea'));\r\n\t</script>\r\n</html>\r\n```"}}