Проблема с отображением в onebox из-за сломанной миниатюры

Не уверен на 100%, стоит ли это размещать в Contribute > Bug или Contribute > UX, прошу прощения, если пишу не в тот раздел.

Я открыл ссылку New search operator "not" for tags only - #2 by jomaxro и заметил, что битое изображение-превью может вызывать неприятную проблему (проверено в Chrome и Edge). Большое битое изображение. Кроме того, под ним невозможно выделить текст или ссылки.

Проблема не проявляется, если я создаю новый onebox для той же ссылки, поскольку сгенерированное изображение-превью имеет другой, рабочий URL.

2 лайка

Ага, понял, это из темы New search operator "not" for tags only - #2 by jomaxro

Похоже, что это связано с нашими лениво загружаемыми изображениями… К ним применены правильные стили позиционирования inline (похоже, что всё это из файла lazy-load-images.js.es6),

position: absolute;
top: 82px;
left: 28px;

но ширина и высота заданы неверно:

width: 500px;
height: 500px;

Я только что попробовал опцию «Перестроить HTML» для этого сообщения, и это исправило проблему. Это сообщение было создано до внедрения функции ленивой загрузки, поэтому интересно, не было ли это случайностью, когда мы перестраивали все сообщения после добавления этой функции?

О, я поспешил с выводами: теперь оно сломано по-другому… и вдруг снова само исправилось. Происходит что-то странное… Если я сделаю жёсткую перезагрузку, то временно увижу огромное изображение…

@dan, похоже, ты недавно внёс туда некоторые изменения… Не может ли это быть связано с этим?

Попробую ещё одну onebox…

и вот как это выглядит в предпросмотре редактора

4 лайка

Спасибо @Canapin за отчет. Это ошибка, которую я по ошибке допустил после исправления другой ошибки. :cry:

Теперь это исправлено:

5 лайков