# 标签选择器稍窄一些

**URL:** https://meta.discourse.org/t/slightly-less-wide-tag-chooser/140534
**Category:** UX
**Created:** [2020年二月4日 02:48 UTC](https://meta.discourse.org/t/slightly-less-wide-tag-chooser/140534 "2020-02-04T02:48:31Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![nexo](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nexo/32/106384_2.png) [@nexo](https://meta.discourse.org/u/nexo)
#### Post date: [2020年二月4日 02:48 UTC](https://meta.discourse.org/t/slightly-less-wide-tag-chooser/140534/1 "2020-02-04T02:48:31Z")

</div>

在 Meta 上，我发现了一个新的 UX 差异：标签选择器的宽度略小于标题字段和类别选择器。

 ![Screenshot_20200203-184653_Chrome](https://global.discourse-cdn.com/meta/original/3X/1/1/11cc8c6f75cdc62cd9605d951d35f0ad57b9723b.jpeg)

---

<div class="post-metadata">

### Author: ![jomaxro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jomaxro/32/126216_2.png) [@jomaxro](https://meta.discourse.org/u/jomaxro)
#### Post date: [2020年二月4日 02:58 UTC](https://meta.discourse.org/t/slightly-less-wide-tag-chooser/140534/2 "2020-02-04T02:58:14Z")

</div>

可能是 sk2 cc @j.jaffeux

---

<div class="post-metadata">

### Author: ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)
#### Post date: [2020年二月4日 04:38 UTC](https://meta.discourse.org/t/slightly-less-wide-tag-chooser/140534/3 "2020-02-04T04:38:38Z")

</div>

其实我记得那已经存在一段时间了，但我们还是应该修复它。

---

<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: [2020年二月4日 16:38 UTC](https://meta.discourse.org/t/slightly-less-wide-tag-chooser/140534/5 "2020-02-04T16:38:34Z")

</div>

我认为有两个问题：

1. select-kit 2 默认强制将标签输入框单独放在一行。

2. 一个长期存在的问题是，当类别名称较长时，标签有时会被推到单独的一行，此时标签输入框的左边距就不再需要了。在 flexbox 中很难应对这种可变性……对于移动端，我们或许可以强制其始终显示为两列并进行截断（我认为以前可能就是这样？）。

---

<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: [2020年二月17日 19:26 UTC](https://meta.discourse.org/t/slightly-less-wide-tag-chooser/140534/6 "2020-02-17T19:26:14Z")

</div>

已为此推送了一个小修复，因此类别和标签在移动设备上将显示在同一行

> <https://github.com/discourse/discourse/commit/1e20bdec577650e77fa3e848e74681e512779789>

 ![Screen Shot 2020-02-17 at 2.17.14 PM](https://global.discourse-cdn.com/meta/original/3X/6/2/627ce12949ddb2803edd10e4d00408b8c230ed1e.png)

我认为在下一个版本中，我将改用网格布局来重新设计……届时输入框在需要时可以自动换行，而无需担心额外的左右边距。我会使用 `@supports(grid)`，这样旧版浏览器将回退到当前的 flex 实现。