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

How to remove wrapped line from Combobox option. - RapidClipseX/Vaadin 14

我正在使用 RapidclipseX 和 Vaadin 14,我想知道如何让这个 Combobox 选项不被包裹?

提前致谢。

一个显而易见的答案是将 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 不是 'part' 所以它不能自己设置样式,扩展 vaadin-text-field 将有效地使整个 ComboBox 变大了。

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