如何从 Combobox 选项中删除换行。 - RapidClipseX/Vaadin 14答案

【问题标题】：How to remove wrapped line from Combobox option. - RapidClipseX/Vaadin 14如何从 Combobox 选项中删除换行。 - RapidClipseX/Vaadin 14
【发布时间】：2020-10-06 00:38:38
【问题描述】：

我正在使用 RapidclipseX 和 Vaadin 14，我想知道如何使这个 Combobox 选项不被包装？

提前致谢。

【问题讨论】：

标签： vaadin14 rapidclipse

【解决方案1】：

一个明显的答案是将 ComboBox 的宽度设置为更宽，例如comboBox.setWidth("200px").

https://www.w3schools.com/cssref/css3_pr_word-wrap.asp 告诉我们没有其他选择真的足够宽以容纳整个字符串。

假设您想要一个比框更宽的下拉菜单：您使用的是 Vaadin 14，因此重要的是它不是处于旧版 (10-13) 模式，以便使用新的 CSS 样式。 @CssImport(value = "./styles/vaadin-combo-box.css", themeFor = "vaadin-combo-box") 将允许您设置 ComboBox 的样式。

但是，如果你看 [这里] (https://github.com/vaadin/vaadin-combo-box/blob/master/src/vaadin-combo-box.html) 你会看到 vaadin-combo-box-dropdown-wrapper 不是一个“部分”，因此它不能单独设置样式，扩展 vaadin-text-field 将有效地使整个 ComboBox 更大.

因此，您必须使用该框足够宽或在 GitHub 上提交功能请求。

【讨论】：

谢谢你，Enver，但我不知道如何使用这个功能。能给我举个例子吗。我怎么能做到。 Rapidclipse 提供的功能是 HTMLimport，这就是我所知道的。我把那条线放在我的班级上方，但不知道如何定制它。我也无法在《瓦丁之书》第 14 章中找到答案。
我想说的是：经过一番调查，我确信此时 ComboBox 必须足够宽。我确信 RapidClipseX 将支持这种或另一种方式，可能是图形化的。如果您觉得这是一个错误，或者您要求作为一项功能，在原始按钮下方弹出的覆盖层的宽度应该可以单独调整，请在 github 中提交：github.com/vaadin/vaadin-combo-box/issues
vaadin.com/learn/training/v14-theming 展示了 ComboBox 中的 TextField 如何在 30:44 设置样式 - 所以我必须纠正我的想法，即在 Vaadin 14 中无法做到这一点。恐怕我不知道不过如何将其应用于 RapidClipseX。
我在您在评论中提供的链接中提出了一个问题。 github.com/vaadin/vaadin-combo-box/issues/892