Ошибка поля ввода Safari - невозможно выделить текст - PullRequest
Новая
       12

Ошибка поля ввода Safari - невозможно выделить текст

1 голос
/ 08 ноября 2019

У меня есть большое приложение, написанное на elm, и я столкнулся с очень странной проблемой в Safari: нельзя выбрать текст внутри полей ввода. Более того, если я щелкну в начале поля ввода, курсор переместится в конец. Сначала я думал, что эта ошибка возникает только на одной конкретной странице, но потом оказалось, что если я перейду с этой страницы на другую, то на новой странице поля ввода также будут работать с ошибками (в противном случае - нет). Страница, которая вызывает ошибку, довольно сложна, но поле ввода довольно простое: 

styled input
    [ Css.marginTop (Css.px 5)
    , Css.marginBottom (Css.px 15)
    , Css.padding (Css.px 10)
    , Css.width (Css.pct 100)
    , Css.boxSizing Css.borderBox
    ]
    [ type_ "text", onInput UpdateNewCardTitle, value card.newCardTitle ]
    []

После рендеринга это выглядит так в Safari: 

<input class="_9af14711" type="text">
   <div contenteditable="plaintext-only">This is the text inside</div>
</input>

Элемент html получает егоCSS стайлинг из разных мест, поэтому его будет довольно сложно прикрепить. Итог: проблема появляется только в Safari, также протестированном в Opera, Firefox, Chrome.

У кого-то есть идеи, что может быть причиной проблемы? Или как отладить точное место этого?

...