Комментарии 5
А можно просто не поддерживать вечно-кривой Safari и обойтись без такой магии...
Неплохо реализовано, ещё встречал решение с вставкой после отображенного в div текста на месте курсора прозрачного input шириной с курсор, так что текст в нём никогда не виден и фокусить его по клику на div. Сходу приходит в голову ещё вариант div с contenteditable="true" и прятать input полностью, но работоспособность этой идеи нужно ещё проверить.
Возможно, в этом решении найдутся еще проблемы
Нашлось немного... невидимый плейсхолдер в firefox, лечится заданием для него цвета
Да, в сторону contenteditable тоже смотрел, когда встрял с проблемой на сафари, но у меня возникло ощущение что реакт с ним не дружит, да и меньше нравился такой подход из-за прямого редактирования содержимого хтмля.
Нашлось немного... невидимый плейсхолдер в firefox, лечится заданием для него цвета
Это мы сейчас поправим, спасибо!
Почему реакт? Ведь есть же и другие. Рекомендую писать основную логику на ванильном JS/TS и потом добавлять нужные адаптеры ?
Это что шутка такая, зачем писать настолько уж простые статьи? Я к тому что к моменту когда я только вошёл во вкус, проблема (и статья вместе с ней) уже закончилась, собственно где тут головная боль непонятно)
Публикации
Текстовый Инпут с возможностью выделять отдельные слова