Stack Overflow
Stack Overflow

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
2
votes
1 answer

autogrow textarea container not resizing according to textarea size

I have textarea and a DIV container holding that textarea.
www.amitpatil.me
  • 3,001
  • 5
  • 43
  • 61
2
votes
0 answers

getting jquery datatables + jeditable + makeEditable + autogrow (or elasic) plugins playing nicely together?

I'm having some trouble getting all these jquery plugins to play together nicely. Specifically, neither the autogrow nor the elastic plugins seem to work with the datatables and markEditable plugins. Here's a code snippet:
user1772555
  • 21
  • 2
2
votes
2 answers

Autoscale text input with JEditable.js?

I've been looking for a script that combines the autoGrowInput with the JEditable but found none.
simplicitycqn1
  • 21
  • 2
1
vote
1 answer

JQuery AutoGrow plugin non effective after AJAX function

The jQuery autogrow plugin expands textarea to fit their content. The function is as follows. (function($) { /* * Auto-growing textareas; technique ripped from Facebook */ $.fn.autogrow = function(options) { …
Walrus
  • 19,801
  • 35
  • 121
  • 199
1
vote
2 answers

How to make rows in a grid stack without grid-template-row?

I'm trying to make .item-1 and .item-2 stack nicely on top of each other in a grid, just like in this snippet: .grid { display: grid; gap: 10px; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto 1fr; } .item { …
Ole
  • 487
  • 7
  • 20
1
vote
1 answer

Is it possible to grow a div if it has relative position element?

For every element inside a div it grows it's width , however when we placed a positioned element , here the error message is positioned to relative and has top of 3px. As it is showing container isn't growing. If I use overflow: hidden; /* the…
Md. Alim Ul Karim
  • 2,401
  • 2
  • 27
  • 36
1
vote
0 answers

Hybrid Textarea - autogrow to fixed height, then apply scroll bar

Is there a way to create a hybrid textarea with both starting height, a max height following autogrow, and then scroll bars appearing from then on? All examples I've seen online are either autogrow or scroll bar, but nothing that encompasses both.
John Trichereau
  • 626
  • 9
  • 22
1
vote
1 answer

make both editors in the same size when they autogrowing

I'm using two CKEDITOR's editors in one page, and I them to be in the same size all the time. I'm using the auto grow plugin, so I tried it: CKEDITOR.plugins.addExternal( 'autogrow', location.href + 'ckeditor/autogrow/', 'plugin.js' ); var e1 =…
user3961151
1
vote
3 answers

How to force my text to not break into lines in css?

I have a div inside another fixed width div. I want inner div can grow horizontally until in can contain all of it's elements or texts in one line. doesn't matter to create a horizontal scroll bar. what should I do? this is my sample code:
ehsan shirzadi
  • 4,709
  • 16
  • 69
  • 112
1
vote
1 answer

Autogrow textarea upto a certain height only jquery css

I am using jQUERY AUTOGROW FROM HERE https://plugins.jquery.com/autogrow/ NOW I have many