The ChipField component (2.6.1) is not visible after being added to the layout.

[psasoftware]

Describe the bug

The component is not visible after being added to the layout, even though it is present in the DOM.

Expected behavior

The component should be visible.

Minimal reproducible example

1. Download minimal starter for Vaadin Flow 24 (Spring boot 3.4.4).
2. Add addon dependency 24.7.1
3. Add ChipField to layout
4. Build and run

public class AboutView extends VerticalLayout {

    public AboutView() {
        setSpacing(false);

        ChipField<String> searchField = new ChipField<>("Buscar", s -> s);
        ListDataProvider<String> ldp = new ListDataProvider<>(List.of("GIRASOL", "MAIZ", "SOJA", "TRIGO", "CEBADA", "ARROZ", "AZUCAR", "CANA DE AZUCAR", "CEREALES", "LEGUMBRES"));

        searchField.setWidthFull();
        searchField.setDataProvider(ldp);
        searchField.setClosable(true);
        searchField.setNewItemHandler(label -> label);
        add(searchField);

        setSizeFull();
        setJustifyContentMode(JustifyContentMode.CENTER);
        setDefaultHorizontalComponentAlignment(Alignment.CENTER);
        getStyle().set("text-align", "center");
    }

}

Add-on Version

2.6.1

Vaadin Version

24.7.1

Additional information

The following properties were added to application.properties:

vaadin.allowed-packages = com.vaadin,org.vaadin,com.flowingcode
vaadin.whitelisted-packages = com.vaadin,org.vaadin,dev.hilla,com.flowingcode

[javier-godoy]

Hello. By default, Vaadin Flow only includes com/vaadin/flow/component to be always scanned for UI components and views. For this reason, the add-on might need to be allowed in order to display correctly.

To do so, just add com.flowingcode to the vaadin.allowed-packages property in src/main/resources/application.properties, like:

vaadin.allowed-packages = com.vaadin,org.vaadin,dev.hilla,com.flowingcode

More information on Spring scanning configuration here.

[javier-godoy]

I see you already had vaadin.allowed-packages = com.vaadin,org.vaadin,com.flowingcode. I'll try to reproduce the issue.

[psasoftware]

Dear Javier, Thank you for your response and for pointing out the configuration details. I wanted to clarify that I had already set those properties before submitting the issue. In fact, I included this information as additional details in the report for your review. Please let me know if there’s anything else I can provide to help diagnose the problem further. I appreciate your time and effort in looking into this matter. Best regards, Diego El lun, 31 mar 2025 a las 14:26, Javier Godoy ***@***.***>) escribió:

…

Hello. By default, Vaadin Flow only includes com/vaadin/flow/component to be always scanned for UI components and views. For this reason, the add-on might need to be allowed in order to display correctly. To do so, just add com.flowingcode to the vaadin.allowed-packages property in src/main/resources/application.properties, like: vaadin.allowed-packages = com.vaadin,org.vaadin,dev.hilla,com.flowingcode More information on Spring scanning configuration here <https://vaadin.com/docs/latest/integrations/spring/configuration/#configure-the-scanning-of-packages> . — Reply to this email directly, view it on GitHub <#78 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AB65WWOX6OWSD7VCKMCDXS32XF3FFAVCNFSM6AAAAAB2ENNYFWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDONRWHA4TQMBXG4> . You are receiving this because you modified the open/close state.Message ID: ***@***.***> [image: javier-godoy]*javier-godoy* left a comment (FlowingCode/ChipFieldAddon#78) <#78 (comment)> Hello. By default, Vaadin Flow only includes com/vaadin/flow/component to be always scanned for UI components and views. For this reason, the add-on might need to be allowed in order to display correctly. To do so, just add com.flowingcode to the vaadin.allowed-packages property in src/main/resources/application.properties, like: vaadin.allowed-packages = com.vaadin,org.vaadin,dev.hilla,com.flowingcode More information on Spring scanning configuration here <https://vaadin.com/docs/latest/integrations/spring/configuration/#configure-the-scanning-of-packages> . — Reply to this email directly, view it on GitHub <#78 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AB65WWOX6OWSD7VCKMCDXS32XF3FFAVCNFSM6AAAAAB2ENNYFWVHI2DSMVQWIX3LMV43OSLTON2WKQ3PNVWWK3TUHMZDONRWHA4TQMBXG4> . You are receiving this because you modified the open/close state.Message ID: ***@***.***>

[paodb]

Hello @psasoftware is this still an issue for you? I did a quick test and it's working okay. I downloadedstar a starter from vaadin.com, added the snippet you shared to a view and added com.flowingcode to the allowed-packages list and the component is visible as expected:

Here's my sample project in case you want to give it a try: chilp-field-test.zip