Questions tagged [autogrow]

When it relates to HTML, autogrow refers to the auto-expansion of HTML element's width or height.

Autogrow is nothing but increasing the dimensions of HTML elements using CSS or some other tools with respect to the contents inserted into it.

Most of the HTML elements have the property of expanding its width and height according to the content inserted into it if we do not set width or height through CSS.

Some elements like DIV,h,p etc have width:100% as default. So we may initially set width/height to some values for these kind of elements. And there may be some situations, we need to expand these containers according to dynamically inserted contents (may be text, image etc...) or sometimes we may want to expand elements beyond browser window also. In these situations some CSS tricks will help us to increase width and height of the container with respect to the content.

64 questions
0
votes
1 answer

jquery autogrow with yui-reset causes bad behavor in IE7

I am using YUI reset and jquery AutoGrow together on the same site. It works fine on firefox, but IE 7 behaves badly. The textarea grows way to big with even a small amount of text in it. Below is an example that demonstrates the problem. If I…
JohnRudolfLewis
  • 1,692
  • 1
  • 18
  • 33
0
votes
1 answer

iframe height but not width

In my facebook page I added my iframe app with setting : Canvas Width Fixed (760px) and Height Fixed 800px; I call FB.Canvas.setAutoGrow(90); and it work fine for height but not for width. is it normal? I want to my iframe width take about…
0
votes
1 answer

How to make gwt's RichTextArea detect content pasting and cutting events?

The following code can make RichTextArea auto-grow-or-shrink vertically based on KeyUp event,and question is how to do same thing when user paste or cut content in or out(Google plus has implemented this).MouseUp and CONTEXTMENU events have been…
Alex Luya
  • 9,412
  • 15
  • 59
  • 91
-1
votes
1 answer

JS TypeWriter Scrolling Effect in Textarea: Scrolling-Up, Auto-Expanding Text Area With Maximum Height Limit

I have a text area for a chatbot. when the text area gets filled it wants to auto expand upwards and max height it can expand should be 100px. Is there anyway to do this? .textbox-1{ padding-top:100px; }
Sreehari Avikkal
  • 305
  • 2
  • 15
1 2 3 4
5