CODEWITHSUNDEEP
javascriptjqueryhtmljquery-pluginsjquery-textext
Yoav Yogi Grosman
Yoav Yogi Grosman

Reputation: 103

Textext jquery plugin doesn't work with Multiple TextArea

I'm using Textext Jquery plugin in a table, every row has a textarea to let the user choose params.

All the textareas initialize and but they don't work and only in the last row the textarea works as expected. in the rest I can't even add any text to the textarea input.

this is my HTML:

 <td class="cat-params-container col-lg-4">
     <textarea id="params_{{ c['id'] }}" name="params" class="textarea-params" rows="1"></textarea>
</td>

and the JS initialize:

$('.textarea-params').textext({ plugins: 'tags' });

Upvotes: 1

Views: 307

Answers (1)

unconditional
unconditional

Reputation: 7666

The problem is that this plugin creates an absolutely positioned wrapper div.text-wrap thus textareas overlay each other.

Try disabling this e.g. like so:

.text-wrap {
    position: relative !important;
}

Here's a JSFiddle

Upvotes: 1

Related Questions