Firefox и псевдокласс first-letter

[tegArt]

Возникла у нас в команде необходимость в одном выпадающем списке добавить значки к элементам списка в зависимости от типа элемента. Сам список сторонний компонент, который трогать не хотелось.

Если есть возможность использовать css — почему не применить :before или :after к элементам списка?

[dshuvaev]

Что-то у нас не сложилось с форматированием с ними. Может быть, если бы копали глубже и получилось бы.

[dshuvaev]

Вспомнил в чем проблема была: когда передаем в сторонний компонент список элементов он преобразуется в коллекцию идентификаторов и названий, без дополнительных свойств, а нам надо было часть элементов показывать с одной иконкой, а часть с другой. Тут применение разных стилей становится затруднительным.

[ImidgX]

Как вариант, прописать разные css-классы к элементам списка, и соответственно их по разному форматировать.
Всё таки first-letter, на мой взгляд, довольно специфическая вещь.

[dshuvaev]

Да, вы правы. В конце концов мы что-то подобное и сделали.
Я, видимо, не вполне правильно оформил свою работу, поскольку моя цель была поделиться столь странным поведением Firefox в случае обработки first-letter по сравнению с другими браузерами. Ту проблему, которая перед нами стояла, мы решили.

[dartraiden]

Баг, оказывается, давно известен
bugzilla.mozilla.org/show_bug.cgi?id=597510

[dshuvaev]

Спасибо за ссылку. Обновлю текст.

[galaxy]

А с чего это вдруг баг, когда они стараются следовать спецификации?

[dshuvaev]

Да, вы правы, может и не баг, но, увы, в качестве решения проблемы, с которой я столкнулся, first-letter все равно применить нельзя. Жаль тогда, что остальные браузеры работают иначе.
Формально по ссылке открытый баг.

[archik]

Есть еще один интересный кейс, когда идет комбинация ::before с content:'' и ::first-letter. Как ни странно, Firefox считает '' буквой))) и он такой опять же единственный.
Подробнее описал тут. Может автор статьи этот кейс тоже подсветит в UPD