Материализация TextArea не изменяется динамически? - PullRequest
Новая
       7

Материализация TextArea не изменяется динамически?

0 голосов
/ 16 мая 2018

Работа с TextArea, class = "materialize-textarea". В документации по https://materializecss.com/forms.html не должно быть javaScript или jQuery, необходимых для расширения TextArea вниз и перемещения вместе с ним содержимого страницы.

Когда я ввожу текст в TextArea, я не могу нажать Enter, чтобы переместиться вниз. Я могу писать только по линии до бесконечности. Это не то, что я хочу, очевидно, что я хочу, чтобы TextArea изменял размер, когда текст достигает конца строки, но это не так. Кто-нибудь сталкивался с этой проблемой раньше? 

HTML: 
<div class="container" id="applyDiv">
    <h4 class="header center green-text">APPLY FOR MEMBERSHIP</h4>
    <div class="row">
        <form class="col s12">
            <div class="row">


                <p class="light">
                    By submitting your company details you can get access to StoryTourist and create your own 
                    customized stories for your audience to enjoy around the world!
                </p>
                <div class="input-field col s12">
                    <i class="material-icons prefix green-text">business</i>
                    <input placeholder="Company Name" type="text" class="validate">
                </div>
                <div class="input-field col s12">
                    <i class="material-icons prefix green-text">mail outline</i>
                    <input placeholder="Company e-mail" type="text" class="validate">
                </div> 
                <div class="input-field col s12">
                    <i class="material-icons prefix green-text">phone</i>
                    <input placeholder="Company phone-number" type="text" class="validate">
                </div> 
                <div class="input-field col s12">
                    <i class="material-icons prefix green-text">mode_edit</i>
                    <input placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"></textarea>
                </div>


            </div>
        </form>
    </div>        
    <div class="row center padding-bottom-1">
        <a class="btn-small green" id="sendButton">Submit details</a>
    </div>
</div>

UPDATE

Изменено: 

<input placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"></textarea>

Кому: 

<textarea placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"></textarea>

Теперь, столкнувшись с проблемой, что страница не изменяется динамически с TextArea, в моем CSS нет фиксированных высот.

Ответы [ 2 ]

0 голосов
/ 13 ноября 2018

Я знаю, что это действительно поздно, но когда вы загружаете папку Materialize - если вы хотите, чтобы она автоматически меняла размер, то дляizeize используется javascript, поэтому вы должны включить как файл javascript, так и файл css

0 голосов
/ 16 мая 2018

Вы должны изменить это 

<input placeholder="Message us..." textarea id="textArea1" class="materialize-textarea"></textarea>

К этому 

<textarea placeholder="Message us..." id="textArea1" class="materialize-textarea"></textarea>

Это должно исправить вашу проблему. Вы открыли тегом <input>, но закрыли тегом </textarea>.

...