jqxTextArea: width doesn't affect content - Angular, Vue, React, Web Components, Javascript, HTML5 Widgets

Tagged: jqxTextArea

This topic contains 3 replies, has 4 voices, and was last updated by admin 4 years, 7 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

jqxTextArea: width doesn't affect content Posts
August 15, 2018 at 5:25 am jqxTextArea: width doesn't affect content #101549
aleidenfrost
Participant
Hi jqwidgets team!
I want to use jqxTextArea to show wide input fields. At first, this seems to work: I set the width to large percentages and the text area appears in the appropriate size.
The problem is: when you enter text, all lines break after 248px if the text area is wider than that.
This is my html:
```
<body style="width:100%">
            <div style="float:left; margin:2em;width:45%;height:30%">
                <label>Label1</label>
                <textarea id="firstTextArea" style="width:100%;height:90%"></textarea>
            </div>
            <div style="float:left; margin:2em;width:45%; height:30%">
                <label>Label2</label>
                <textarea id="secondTextArea" style="width:100%;height:90%"></textarea>
            </div>    
</body>
```
and this is my initialisation (called in the success function of an ajax call):
```
                    $('#firstTextArea').jqxTextArea({
                        width: "100%",
                        height: "100%",
                        placeHolder: "interne Fehleranalyse"
                    });
                    $('#secondTextArea').jqxTextArea({
                        width: "100%",
                        height: "100%",
                        placeHolder: "externe Fehleranalyse"
                    });
```
Is there some additional property I have to set to get the text to use the whole widget’s width?

Thanks for your help,
Anne
August 23, 2018 at 5:03 am jqxTextArea: width doesn't affect content #101648

Peter Stoev
Keymaster

Hi Anne,

Thank you for the feedback.

We will look into that and test this case.

Best Regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com

April 17, 2020 at 3:37 pm jqxTextArea: width doesn't affect content #111760

upstate18
Participant

Was this corrected? I have the same issue. I set the widgets width to 100% however, the text area ends up being a fraction of the overall widget width.

Thanks.

<textarea id="action"></textarea>

$('#action').jqxTextArea({ height: 300, width: '100%', minLength: 1, maxLength: 4000, placeHolder: "Actions necessary for interface issues..."});

April 18, 2020 at 8:22 am jqxTextArea: width doesn't affect content #111771

admin
Keymaster

Hi upstate18,

In our fiddle it works fine: http://jsfiddle.net/jqwidgets/s9h7Lxgs/ with the width set to 100%

Regards,
Peter
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.