vaadin14 - 如何从组合框选项中删除换行。- RapidClipseX/Vaadin 14

Question

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

提前致谢。

Answer 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 上提交功能请求。