Проблема рендеринга изображений при использовании пользовательского CSS

Поддержка
1

Продолжая тему ниже (я хотел бы продолжить там, но эта тема уже закрыта):

В рендеринге файла изображения с пользовательским CSS-стилем, похоже, есть небольшая ошибка — а именно, правая 1-пиксельная сплошная черная граница не отображается. Уменьшение изображения до 95% решает проблему. Пользовательский CSS: border: 1px solid black. Предварительный просмотр при редактировании отображается корректно, но живая версия — нет. Пример можно найти здесь. Как я уже сказал, это небольшая ошибка, но, вероятно, её стоит исправить. Заранее спасибо.

Я могу избежать этой проблемы, также установив width: 98%, но не думаю, что должен это делать? Есть какие-то мысли?

3

Похоже, нужно просто добавить box-sizing, чтобы автоширина учитывала границу.

.cooked img:not(.thumbnail, .ytp-thumbnail-image, .emoji), .d-editor-preview img:not(.thumbnail, .ytp-thumbnail-image, .emoji) {
  border: 1px solid #000;
  box-sizing: border-box;
}
4

@Alteras Это работает. Давайте поаплодируем!

5

@ администраторы: возможно, код в этом сообщении можно было бы должным образом изменить (или это противоречит протоколам):