# onebox中缩略图损坏导致的显示问题

**URL:** https://meta.discourse.org/t/display-issue-in-oneboxes-with-broken-thumbnail/134460
**Category:** Bug
**Created:** [2019年十一月26日 18:14 UTC](https://meta.discourse.org/t/display-issue-in-oneboxes-with-broken-thumbnail/134460 "2019-11-26T18:14:46Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [2019年十一月26日 18:14 UTC](https://meta.discourse.org/t/display-issue-in-oneboxes-with-broken-thumbnail/134460/1 "2019-11-26T18:14:46Z")

</div>

不太确定这个问题应该放在 #Contribute > Bug 还是 #Contribute > UX 板块，如果我发错地方了，请见谅。

我打开了这个链接 [https://meta.discourse.org/t/new-search-operator-not/52087/2，发现损坏的缩略图可能会导致一个令人困扰的问题（已在](https://meta.discourse.org/t/new-search-operator-not/52087/2%EF%BC%8C%E5%8F%91%E7%8E%B0%E6%8D%9F%E5%9D%8F%E7%9A%84%E7%BC%A9%E7%95%A5%E5%9B%BE%E5%8F%AF%E8%83%BD%E4%BC%9A%E5%AF%BC%E8%87%B4%E4%B8%80%E4%B8%AA%E4%BB%A4%E4%BA%BA%E5%9B%B0%E6%89%B0%E7%9A%84%E9%97%AE%E9%A2%98%EF%BC%88%E5%B7%B2%E5%9C%A8) Chrome 和 Edge 上测试过）。具体来说，就是一个大的、损坏的图片。此外，你无法选中它下方的文本或链接。

 ![image](https://global.discourse-cdn.com/meta/original/3X/3/4/34385aee51e532ba951c29f84396ff7857e7fde4.png)

如果我为同一个链接创建一个新的 onebox，这个问题就不会出现，因为生成的缩略图会有不同的、可正常工作的 URL。

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [2019年十一月26日 21:38 UTC](https://meta.discourse.org/t/display-issue-in-oneboxes-with-broken-thumbnail/134460/2 "2019-11-26T21:38:13Z")

</div>

啊，好的，我明白了，这来自主题 [New search operator "not" for tags only - #2 by jomaxro](https://meta.discourse.org/t/new-search-operator-not/52087/2?u=awesomerobot)

看起来可能与我们的懒加载图片有关……它应用了正确的内联定位（看起来这些都来自 `lazy-load-images.js.es6`），

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

```

但宽度和高度却异常为：

```plaintext
width: 500px;
height: 500px;

```

~~我刚刚尝试了该帖子的“重建 HTML”选项，问题就解决了。该帖子发布在我们添加懒加载功能之前，所以我在想，这是否只是在该功能添加后我们重建所有帖子时的一个巧合？~~

哦，我说得太早了，现在它又以另一种方式出错了……而且它又自动修复了。有些奇怪的事情正在发生……如果我进行硬刷新，会暂时看到那张巨大的图片……

 ![28 PM](https://global.discourse-cdn.com/meta/original/3X/6/1/61bc73e18f38b12361cbb6660782e1dbb6348096.jpeg)

@dan 看起来你最近在那里做了一些更改……这是否可能与之相关？

再试一个 onebox……

> **[Recycling used skateboards into a new guitar](https://bbs.boingboing.net/t/recycling-used-skateboards-into-a-new-guitar/156153)**
>
> Originally published at: https://boingboing.net/2019/11/26/recycling-used-skateboards-int.html …

这是它在编辑器预览中的样子：

 ![04 PM](https://global.discourse-cdn.com/meta/original/3X/6/5/65e5059d1b59a14481d9e831b6669c6881de82b0.png)

---

<div class="post-metadata">

### Author: ![dan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dan/32/101549_2.png) [@dan](https://meta.discourse.org/u/dan)
#### Post date: [2019年十一月27日 10:12 UTC](https://meta.discourse.org/t/display-issue-in-oneboxes-with-broken-thumbnail/134460/3 "2019-11-27T10:12:45Z")

</div>

感谢 @Canapin 的报告。这是一个我在修复另一个 bug 时不小心引入的 bug。😢

现已修复：

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

---

<div class="post-metadata">

### Author: ![dan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dan/32/101549_2.png) [@dan](https://meta.discourse.org/u/dan)
#### Post date: [2019年十一月27日 10:12 UTC](https://meta.discourse.org/t/display-issue-in-oneboxes-with-broken-thumbnail/134460/4 "2019-11-27T10:12:56Z")

</div>


