Size: a a a

2020 November 17

EO

Eugene Obrezkov in Frontend UA
Stas G
попробуй так: window.setKeyStatus = StatusManager.setKeyStatus.bind(StatusManager)
+
источник

AK

Alexander Kuzmenko in Frontend UA
Stas G
попробуй так: window.setKeyStatus = StatusManager.setKeyStatus.bind(StatusManager)
спасибо
источник
2020 November 18

YY

Yuriy Yarosh in Frontend UA
Смотрю Web Vitals
https://web.dev/vitals/

Интересная штука от гугла - довольно удобно мерить основные показатели рендеринга: Largest Contentful Paint (LCP), First Input Delay (FID) Cumulative Layout Shift (CLS).
https://web.dev/vitals/#core-web-vitals
источник

AK

Andrew Kostetskyi in Frontend UA
Yuriy Yarosh
Смотрю Web Vitals
https://web.dev/vitals/

Интересная штука от гугла - довольно удобно мерить основные показатели рендеринга: Largest Contentful Paint (LCP), First Input Delay (FID) Cumulative Layout Shift (CLS).
https://web.dev/vitals/#core-web-vitals
побачив це в CRA
источник

AN

Anton Nemtsev in Frontend UA
Забавное:
есть <span>123</span>
К которому псевдоэлементами добавляется before “(“ и after “)”.
Google translate добавляет после пробел.
<span>123 </span>
Результат (123 )
word-space: 0; — не помогает.
Как убрать зловредный пробел? (Кроме очевидного хардкода скобок?)
источник

AN

Anton Nemtsev in Frontend UA
Anton Nemtsev
Забавное:
есть <span>123</span>
К которому псевдоэлементами добавляется before “(“ и after “)”.
Google translate добавляет после пробел.
<span>123 </span>
Результат (123 )
word-space: 0; — не помогает.
Как убрать зловредный пробел? (Кроме очевидного хардкода скобок?)
Бгг. display: flex; решает.
источник

AV

Anton Verinov in Frontend UA
Anton Nemtsev
Бгг. display: flex; решает.
Хотел спросить "а ты как-то меняешь скобки для right-to-left языков?", а ОНО САМО 🤯
источник

AV

Anton Verinov in Frontend UA
источник

AN

Anton Nemtsev in Frontend UA
Anton Verinov
Хотел спросить "а ты как-то меняешь скобки для right-to-left языков?", а ОНО САМО 🤯
хе-хе. Направление письма же.
А если flex, то там сейчас уже в явном виде предлагают start-end вместо left-right top-bottom
источник

AN

Anton Nemtsev in Frontend UA
Да, кстати, это одна и та же скобка. Один юникод. Просто он отображается по разному в зависимости от направления письма
источник

AV

Anton Verinov in Frontend UA
Anton Nemtsev
Да, кстати, это одна и та же скобка. Один юникод. Просто он отображается по разному в зависимости от направления письма
Нашёл про юникодовое колдунство со скобками https://www.unicode.org/notes/tn39/
источник

AN

Anton Nemtsev in Frontend UA
Anton Verinov
Нашёл про юникодовое колдунство со скобками https://www.unicode.org/notes/tn39/
Здорово, спасибо за ссылочку.
источник
2020 November 19

IT

Ivan Tytarenko in Frontend UA
нужен совет по CSS

Есть флекс контейнер, внутри него айтемы. У контейнера nowrap.

У первого и последнего айтема flex-shrink: 0. Остальные могут сжиматься до определенной минимальной ширины.

Задаче - надо сделать так, чтобы минимальная ширина контейнера равнялась ширине контента с учетом того, что часть айтемов могут сжаться
источник

SG

Stas G in Frontend UA
а сейчас она какая?
источник

IT

Ivan Tytarenko in Frontend UA
Stas G
а сейчас она какая?
да любая
источник

IT

Ivan Tytarenko in Frontend UA
может даже меньше айтемов быть
источник

SG

Stas G in Frontend UA
я просто проблему не понял
источник

SG

Stas G in Frontend UA
что не так
источник

SG

Stas G in Frontend UA
но можно попробовать контейнеру: display: inline-flex если я всё-таки что-то понял
источник

IT

Ivan Tytarenko in Frontend UA
на самом деле задал вопрос и понял, что я могу спросить у продактов - пусть они решают
источник