Я не нашёл удобства в этом относительно новом API. Мне бы хотелось не писать current.
Если говорить про хранение элементов в св-ве DOM, то придётся писать this.DOM.root.current.
Согласен, для нас с вами — очевидны. Но являются ли они таковыми для всех? К примеру, для тех, кто только начинает свой путь в веб-разработку?
На счёт styled-components и т.п. Для первого пункта я привёл пример, что подход применим не только для подстановке того или иного класса.
Как частый случай примером был взят однострочный текст.
Если говорить про сокращение многострочного контента, то нам понадобится на JS высчитать высоту блока, удалить лишние слова и обернуть последнею строку (или слово) в отдельный строчный DOM элемент, к которому, одним из методов приведённых в статье, будем применять эффект ухода в прозрачность. Вообще весь начальный алгоритм аналогичен тому, как мы бы обрезали многоточием.
Не совсем понял про картинку, ведь пользователь видит обычный текст.
Но да, спасибо за замечание, с выделением текста действительно есть проблема.
Это можно решить:
либо создав ещё один скрытый DOM элемент с полным текстом (он будет с абсолютным позиционированием) и установив user-select:none DOM элементу с обрезанным текстом
либо через JS прослушивать события mouseup/mousedown и отдавать значение из атрибута title
current.Если говорить про хранение элементов в св-ве
DOM, то придётся писатьthis.DOM.root.current.Согласен, для нас с вами — очевидны. Но являются ли они таковыми для всех? К примеру, для тех, кто только начинает свой путь в веб-разработку?
На счёт styled-components и т.п. Для первого пункта я привёл пример, что подход применим не только для подстановке того или иного класса.
Как частый случай примером был взят однострочный текст.
Если говорить про сокращение многострочного контента, то нам понадобится на JS высчитать высоту блока, удалить лишние слова и обернуть последнею строку (или слово) в отдельный строчный DOM элемент, к которому, одним из методов приведённых в статье, будем применять эффект ухода в прозрачность. Вообще весь начальный алгоритм аналогичен тому, как мы бы обрезали многоточием.
Не совсем понял про картинку, ведь пользователь видит обычный текст.
Но да, спасибо за замечание, с выделением текста действительно есть проблема.
Это можно решить:
user-select:noneDOM элементу с обрезанным текстомtitleКонечно, этот подход будет работать и в IE, и в Edge.
В итогах решения под номером 1.1 я перечислил проблемы из-за которых отказался от данного метода.