Combobox is not whole

I have a VerticalLayout. Then I’m adding to it:

  • FormLayout
  • CustomField - its content is VerticalLayout with
    [list]
  • HorizontalLayaout
  • Button

    [/list]
  • HorizontalLayout

Unfortunately, combobox which is part of CustomField located in HorizonatalLayout of parent custom field is not whole visible (see attached screenshot). All widths seems to be set to 100%. What can be wrong?

        VerticalLayout vl = new VerticalLayout();
//        vl.setSizeFull();
        vl.setMargin(new MarginInfo(false, true, true, true));
        entityPanel.setContent(vl);
        
        FormLayout layout = new FormLayout();
        vl.addComponent(layout);
        
//        layout.setSizeFull();

    
        TextArea commentField = new TextArea(captions.get("comment"));
        commentField.setMaxLength(250);
        layout.addComponent(commentField);
        commentField.addValidator(StringValidator.NO_DOUBLE_QUOTES);
        dtoFields.bind(commentField, "comment");

        addressPanel = new StateFieldList<AddressField, Address>("Adresy", AddressField.class);
        vl.addComponent(addressPanel);

        HorizontalLayout scopeLayout = new HorizontalLayout();
        scopeLayout.setSizeFull();
        scopeLayout.setSpacing(true);
        vl.addComponent(scopeLayout);
        
        TextArea scopeField = new TextArea(captions.get("scope"));
        scopeField.setMaxLength(250);
        scopeLayout.addComponent(scopeField);
        scopeField.addValidator(StringValidator.NO_DOUBLE_QUOTES);
        dtoFields.bind(scopeField, "scope");

        TextArea scopeEField = new TextArea(captions.get("scopeE"));
        scopeEField.setMaxLength(250);
        scopeLayout.addComponent(scopeEField);
        scopeEField.addValidator(StringValidator.NO_DOUBLE_QUOTES);
        dtoFields.bind(scopeEField, "scopeE");

13448.png