ComboBox Rendering issue on autofill

Flow
1

Hi,

I’m having a rendering issue when trying to use the autocomplete with a custom ComboBox Renderer that uses the ComponentRenderer. Specifically as you type in to autocomplete a value all the results are blank. I’ve tried Label, NativeLabel and so on. If nothing is typed in then everything is rendered perfectly, it’s only on autocomplete. I’ve included the screenshot below of the autocomplete not working correctly as well as a code snippet. This code used to work and it seems maybe due to a recent update…

ComboBox<DataObject> comboBox = new ComboBox<>();
comboBox.setRenderer(new ComponentRenderer<>(data -> {
		HorizontalLayout horizontalLayout = new HorizontalLayout();
		horizontalLayout.add(
				VaadinIcon.PLUS_CIRCLE.create(), 
				new Span(data.getDisplayValue()));
		horizontalLayout.setWidthFull();
		return horizontalLayout;
	}));

image

2

There were multiple of such cases in the past. For example Option in MultiSelectCombobox rendered empty or wrong when using ComponentRenderer · Issue #5985 · vaadin/flow-components · GitHub - please create an issue on GitHub… best case scenario with a reproducer and a little video / snippet how it can be reproduced. That helped tremendous to solve it (I’ve done something similar in the past two years ago)

3

As you recommended I just submitted the bug report: ComboBox rendering with autofill issue with ComponentRenderer · Issue #6829 · vaadin/flow-components · GitHub