썸네일 깨짐으로 인한 원박스 표시 문제

#contribute:bug에 올려야 할지 #contribute:ux에 올려야 할지 100% 확신은 없으며, 잘못된 곳에 게시하게 된다면 양해 부탁드립니다.

이 링크(New search operator "not" for tags only - #2 by jomaxro)를 열어서 확인해 보니, 깨진 썸네일 때문에 성가신 문제가 발생할 수 있음을 발견했습니다(Chrome 및 Edge에서 테스트). 깨진 이미지가 크게 표시됩니다. 또한 이미지 아래에 있는 텍스트나 링크를 선택할 수 없습니다.

같은 링크로 새로운 원박스(onebox)를 생성하면 생성된 썸네일의 URL이 다르기 때문에 이 문제가 발생하지 않습니다.

2개의 좋아요

ah ok I see, that’s from the topic New search operator "not" for tags only - #2 by jomaxro

It looks like it might have something to do with our lazyloaded images… it has the correct positioning applied inline (looks like this is all from lazy-load-images.js.es6),

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

but the width and height are out of whack at

width: 500px;
height: 500px;

I just tried the “rebuild html” option on that post and that corrected it. That post predated our lazyload feature, so I wonder if it was just a fluke when we rebuilt all the posts after that feature was added?

Oh I spoke too soon, now it’s broken in a different way… and it just fixed itself again. Something a bit odd is going on… if I do a hard refresh I will temporarily see the huge image…

@dan it looks like you recently made some changes there… could this possibly be related?

Trying another onebox…

and this is what it looks like in the composer preview

4개의 좋아요

Thanks @Canapin for the report. It is a bug I introduced by mistake after fixing another bug. :cry:

It is now fixed:

https://github.com/discourse/discourse/commit/2d3113e4da74be2a0288dbe3273093cd2d27fd21

5개의 좋아요