Wp-rocket: CSS-минификация прерывает calc (), требуется обновление поставщика

Созданный на 6 июл. 2016  ·  18Комментарии  ·  Источник: wp-media/wp-rocket

Когда минимизация CSS включена, значения calc () также будут минимизированы, но должны быть разделены пробелами.
Текущее поведение: calc (1.5rem + 2.5px)
Ожидаемое поведение: calc (1.5rem + 2.5px)

Сообщение от клиента: https://secure.helpscout.net/conversation/210133386/16324/?folderId=714999
Исходная ошибка в lib, исправленная в феврале: https://github.com/mrclay/minify/issues/503

Самый полезный комментарий

То же самое здесь в 2.10.3

Все 18 Комментарий

Не уверен, правильно ли я понял это в Slack: библиотека, на которую я ссылался, не та, которую мы используем? Если это не так, поведение (удаляемые пробелы) все еще существует в WP Rocket, поэтому я думаю, что мы все равно должны что-то с этим делать.

Да, это нужная библиотека (по ссылке выше). Мы его давно не обновляли, так что, вероятно, сделаем это в версии 2.9.

Отлично, да, давайте сделаем это в 2.9. calc () - не самая важная операция CSS, но для людей, которые ее используют, устаревшее поведение нашей библиотеки должно быть настоящим PITA. Сообщит покупателю, что мы, скорее всего, обновим его в 2.9.

✅ Пробелы внутри выражений calc() сохраняются, как и ожидалось, в текущей ветке 2.9. Это касается файлов CSS, а также встроенного CSS.

Не имеет отношения к проблеме calc() , но, возможно, стоит отметить, потому что возможно (?) Связано с обновлением поставщика: файлы CSS не уменьшены на 100%, я вижу, что сохраняется много жестких разрывов строк или новых добавлен. Обычно ожидается, что правильно минифицированный файл будет содержать только одну длинную строку CSS.

Здравствуй! Некоторые из calc () все еще не работают на 2.9.11
Если вы попытаетесь минимизировать этот файл, например: https://timetostepitup.com/wp-content/themes/aton-child/style.css

Остальные проблемы должны быть исправлены в 2.10.

Спасибо!

Кажется, что это все еще существует в 2.10.

То же самое здесь в 2.10.3

Если проблема не исчезла, отключите, сохраните настройки и снова включите минимизацию CSS. Он должен работать после.

@Tabrisrp не работает.
https://www.shivampaw.com/ - это сайт. Прокрутите вниз, где находится контактная форма. CSS раскрывающегося списка бюджета не работает - в функции calc нет пробелов.

в таком случае откройте заявку в службу поддержки, мы рассмотрим ее.

2.10.4 - Мы все еще сталкиваемся с этой проблемой.

2.10.12 - К сожалению, все еще проблема.

Невозможно воспроизвести с 2.10.12, calc() обрабатывается правильно:

screen shot 2017-12-11 at 09 39 31

То же самое в 2.11 (текущая ветка разработки), пробелы сохранены:

screen shot 2017-12-11 at 09 41 21

@adamlaki , @JiveDig Пожалуйста, откройте заявку в службу поддержки, если ваша проблема может быть воспроизведена. Спасибо!

Всем привет.
Я воспроизводю на своей стороне.

padding-top: calc(150px + 10vw);

становится

padding-top:calc(150px+10vw);

Но это происходит только со знаком «+».

Я нашел работу, которая работает для меня, заключив код в

<strong i="14">@media</strong> all {
}

Когда calc () находится в медиа-запросе, пробелы вокруг знака «+» не удаляются.

WP-Rocket Версия 3.2.6

То же самое я думаю:

Оригинал…

height: calc(3.25rem + 2px);

… Сокращается до…

height: calc(3.25rem+2px);

… Без пробелов он ломается.

Проблема все еще присутствует в версии 3.4.0.5

Плагин использует yuicompressor? - https://github.com/yui/yuicompressor/issues/59

Была ли эта страница полезной?
0 / 5 - 0 рейтинги