ExpandingTextareas icon indicating copy to clipboard operation
ExpandingTextareas copied to clipboard

Does not work as expected when nested in a table

Open brianmhunt opened this issue 11 years ago • 3 comments

When the textarea is in a fixed-width table, it does not work as expected. Here is an example:

http://jsfiddle.net/bmh_ca/4QcaR/

brianmhunt avatar Nov 06 '13 16:11 brianmhunt

One solution is to apply width: 100% to the <td> that the <textarea> is found in.

brianmhunt avatar Nov 08 '13 15:11 brianmhunt

Another solution is the application of the following CSS, per this discussion on StackOverflow

td {
    max-width: 0px;
}

However one must note that this is based upon a seemingly undefined behaviour.

A preferable alternative would probably be:

table {
   table-layout: fixed;
}

brianmhunt avatar Nov 11 '13 13:11 brianmhunt

Wow, that is strange behavior. I think your research on this would be good to add to the documentation, since everyone's ideal solution will probably differ based on their situation.

bgrins avatar Dec 07 '13 02:12 bgrins