Gallery

Modules

Documentation

Context Navigation

YUI Library is not responsible for bugs or support with this module. It is available as a free service. For support please contact the module owner with the provided links.

Textarea Autoheight (gallery-textarea-autoheight) on cdn

Last Updated: 05/10/12

+ 0 -

Prajwalit

YUI Contributor

See 1 more by this user.

Created: 05/4/12
Last CDN Push: 05/9/12
Build Tag: gallery-2012.05.09-20-27
Project: YUI 3
License: YUI BSD
YUI Version: 3.5.1
Free for use.

A small YUI 3 plugin which adjusts height of textarea (rather than adding scroll bar) as user goes on writing in it. It calculates number of rows taken by the input and height of one row and adjusts height of autocomplete accordingly.

Configuration Attributes -

perfectHeight: This plugin usually adds an extra row to avoid jumpiness, but if you want perfectHeight, you can set this ATTR as true.
maxRows: If you want to add scroll bar after a particular number of lines, set maxRows = number of lines.
rowHeight: If, for some reason, plugin's not calculating rowHeight correctly, you can pass it manually.

You need a <textarea> with (if you want) rows="1". Then you can just plug the TextareaAutoheight plugin.

Code Sample

<script src="http://yui.yahooapis.com/3.5.1/build/yui/yui-min.js"></script>

YUI ({
  gallery: "gallery-2012.05.09-20-27"
}).use ("gallery-textarea-autoheight", function (Y) {
  Y.one ("textarea").plug (Y.TextareaAutoheight);
});