AR
Кто-нибудь может подтвердить, в Хроме пофиксили возможность использовать анимации для псевдо элементов?
Size: a a a
2020 August 10
AR
Проверил в codepen, точно работает. Остается вопрос почему не анимируется ::-webkit-progress-bar или ::-webkit-progress-value 😓
AS
Кто-нибудь может подтвердить, в Хроме пофиксили возможность использовать анимации для псевдо элементов?
пофиксили еще в 2013м
AS
для этих псевдоэлементов ни то что анимация не работает, но даже не все стили
AS
учитывая что кроме хрома еще есть браузеры, лучше сразу все резетать и делать руками, поверх a11y фичей которые дает
<progress>AR
Я всё ресетнул и потом узнал как много разницы в псевдоэлементах progress у фф и хрома
AR
Ещё чуть чуть и я просто сделаю div.progress-bar[role=progressbar]
AS
я предлагаю вообще все резетнуть, в том числе и псевдоэлементы
AS
progress { appearance: none; }AR
да, я так и сделал
AS
тогда псевдоэлементы вообще не должны рендерится (вроде)
AR
нет, они рендерятся очень примитивными стилями
AR
но даже их именивание отличается для вебкит и мозиллы, например
AR
колбаска с прогрессом называется
::-webkit-progress-value, который лежит в ::-webkit-progress-bar. но в файрфоксе этот -value называется ::-moz-progress-barAR
indeterminate состояние в фф это полностью заполненный прогресс, в сафари/хроме полностью пустой (при appearance: none)
AS
да уж, за 7 лет ничего не поменялось
SG
Все заняты спеками JS 😔
AS
либо
all: unset для каждого псевдоэлемента, в отдельных селекторах для -moz-* и -webkit-*, либо <div> + aria-*AS
с правильным ARIA разницы для скринридера с
<progress> быть не должно2020 August 11
AN
Привет, а подскажите, пожалуйста, есть ли в ramda flat для объекта?
Есть код который мапит массив объектов этой ф-ей:
Хочется переписать её в стиле рамды, но пока не вижу способа сделать это без каких то R.paths([[node, id],[node, companyProfile, companyLogo, sizes, small], …] что менее читабельно.
Есть код который мапит массив объектов этой ф-ей:
const BuildServiceProList = ({
node: {
id,
companyProfile: {
companyLogo: {
sizes: { small: avatar },
},
companyName: title,
rating: score,
isNew,
},
reviews: { totalCount: ratings },
},
}) => ({
id,
avatar,
title,
score,
ratings,
isNew,
});Хочется переписать её в стиле рамды, но пока не вижу способа сделать это без каких то R.paths([[node, id],[node, companyProfile, companyLogo, sizes, small], …] что менее читабельно.