Vaadin 23 ComboBox with Lit renderer popup window

Question

I implemented my custom renderer for ComboBox:

  StringBuilder tpl = new StringBuilder();

    tpl.append("<div style=\"display: flex; align-items: center;\">");
    tpl.append("  <div style=\"display: flex; align-items: center;\">");
    tpl.append("    <img src=\"${item.logoUrl}\" height=\"28\" width=\"63\" style=\"margin-right: 4px;\" /><span theme=\"badge\">${item.name}</span> <span style=\"font-size: var(--lumo-font-size-s); color: var(--lumo-secondary-text-color);\">${item.type}</span> <span style=\"font-size: var(--lumo-font-size-xxs); color: var(--lumo-secondary-text-color);\">${item.usageCount}</span>");
    tpl.append("    <div style=\"font-size: var(--lumo-font-size-s); color: var(--lumo-secondary-text-color);\">${item.description}</div>");
    tpl.append("    <div style=\"font-size: var(--lumo-font-size-s); color: var(--lumo-secondary-text-color);\">${item.also}</div>");
    tpl.append("    <div style=\"font-size: var(--lumo-font-size-s); color: var(--lumo-secondary-text-color);\">${item.parents}</div>");
    tpl.append("  </div>");
    tpl.append("</div>");

Everything works fine, except that sometimes I can see the following picture when opening the ComboBox popup:

after a while, the ComboBox popup returns to its normal state. What can be the reason for this and how to get rid of this problem?

Vaadin 23 ComboBox with Lit renderer popup window

0 Answers0