Textarea позволяет вводить только один символ на IOS. Как это исправить? - PullRequest
Новая
       28

Textarea позволяет вводить только один символ на IOS. Как это исправить?

0 голосов
/ 21 мая 2019

Я использую Framework7 с Cordova.Проблема в том, что я не могу ввести текст в текстовой области полностью.Это происходит только в IOS (на симуляторе и на реальном устройстве).

Когда текст вводится с клавиатуры, в текстовой области отображается только первый символ введенного текста

screenshot 1

Если скрыть клавиатуру и показать ее снова, первый символ введенного текста будет помещен перед предыдущим текстом.Но опять же в текстовой области помещается только первый символ

screenshot 2

И это разметка страницы с текстовой областью: 

<template>
<div class="page" data-name="feedback" style="background-color:white;" >
    <div class="navbar">
        <div class="navbar-inner" id="fb-navbar-inner">
            <div class="left">
                <a href="#" class="link back">
                    <i class="material-icons md-only md-24 md-light">arrow_back</i>
                    <i class="f7-icons ios-menu-color ios-only">chevron_left</i>
                    <span class="ios-only" style="color: white">{{words.back}}</span>
                </a>
            </div>
            <div class="title ios-menu-color">{{words.title}}</div>
        </div>
    </div>

    <div class="ios-only preloader color-blue" id="fb-preloader-ios" style="visibility: hidden; display: none"></div>
    <div class="md-only preloader color-blue" id="fb-preloader-md" style="visibility: hidden; display: none"></div>

    <div class = "page-content" style="overflow-x: hidden">
        <div align="center"><i class="icon make-feedback"></i></div>
        <div align="center" id="hello" class="ios-menu-color-purple size-20 centered-text" style="margin: -20px 4% 0px 4%">{{words.hello}}</div>
        <div class="list" style="margin: 3% 4% 3% 4%">
            <ul>
                <li class="item-content item-input">
                    <div class="item-inner">
                        <div class="item-input-wrap md-only input-purple-theme" id="fb-input-wrap">
                            <textarea id="feedbackText"></textarea>
                        </div>
                        <div class="item-input-wrap ios-only">
                            <textarea id="feedbackText"></textarea>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <div align="center" class="color-gray size-16" style="margin: 0% 4% 0% 4%">{{words.notify}}</div>
        <a class="button button-fill purple-theme" style="width: 40%; margin: 8% 30% 0% 30%" id="sendFB">{{words.send}}</a>
    </div>
</div></template>

Возможно, у кого-то было подобноепроблема?

1 Ответ

0 голосов
/ 21 мая 2019

Извините, но это не тот ответ, который вы можете решить. Это просто ошибка с последним обновлением Safari. Сейчас вы можете просто попробовать 

<input type="text">

В противном случае, просто подождите неделю (точнее, месяц, зная Apple), чтобы дождаться обновления Safari, и оно должно.

...