PropertyFilter too narrow

In the FlowUI, added a PropertyFilter in an hbox but am unable to increase its width…
how can I do this?

<layout>
    <hbox id="buttonsPanel" classNames="buttons-panel" alignItems="BASELINE">
        <propertyFilter id="userFilter"
                        dataLoader="todoDefinitionsDl"
                        property="forUser"
                        operation="EQUAL"
                        label="User"
                        autoApply="true" minWidth="222px"  />
        <button id="createBtn" action="todoDefinitionsTable.create"/>
        <button id="editBtn" action="todoDefinitionsTable.edit"/>
        <button id="removeBtn" action="todoDefinitionsTable.remove"/>
        <simplePagination id="pagination" dataLoader="todoDefinitionsDl"/>
    </hbox>
   ....

propertyFilterTooNarrow

Hi,

minWidth="222px" is less than the actual width of the property filter. Pay attention that the size attributes defines the size of the entire component, not just its input.

Try something more noticeable, like 400px (but, in case of flow ui, it’s better to use relative size units like em and rem) and you’ll the difference.

Regards,
Gleb