CustomField - problem with FormLayout

I have a CustomField at Flow 13.0.8 that is roughly like this:

public class MultilingualTextCustomField extends CustomField<Hashtable<Integer,String>
	private final TextField textfield = new TextField();
	private final Select<LanguageValue> lvcombobox = new Select<LanguageValue>();
	..
	..
	public MultilingualTextCustomField(){
	..
	..
	..
	textfield.setPrefixComponent(lvcombobox);
	textfield.setWidthFull();
	add(textfield);
	}

Although everything works fine (binders etc) I have a problem adding it to a FormLayout. It doesn’t follow the 100% width rule I’ve applied to … literally everything on this field.

FormLayout dataLayout = new FormLayout();
		dataLayout.setWidthFull();
		nameField.setWidthFull();
		dataLayout.add(nameField,costfield,typeField);
		dataLayout.setResponsiveSteps(new ResponsiveStep("20em",2));
		
		namefield.getElement().setAttribute("colspan","2");

From what I see the CustomField did get 100% of width but the containing div container didn’t…
Adding to -firefox- debug width “100%” to <div class="container"> seems to fix this issue.

If I extend the TextField and do the same things there I have no problem (although it is harder to use the binder then since TextField returns String while CustomField returns Hashtable<Integer,String> which is what I want really)

Any ideas? Did I stumble across a bug? :stuck_out_tongue:

17700322.png
17700325.png

Apparently there is a bug:
https://github.com/vaadin/vaadin-custom-field/issues/28

ohh well!!!

Did you somehow resolve or override this issue?