Please find the part of the xml which renders multifield dropdown.
The same xml is used across component level and works fine. The configuration is stored node wise and renders correctly on opening the dialog but when used for page properties level, stores the configuration as string array and doesn't show anything on opening the dialog.
<fields
cq:showOnCreate="{Boolean}true"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/multifield"
eaem-nested=""
class="full-width"
fieldDescription="Click '+' to add a new field"
fieldLabel="Resource Categories">
<field
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/fieldset"
name="./items">
<layout
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/layouts/fixedcolumns"
method="absolute"/>
<items jcr:primaryType="nt:unstructured">
<column
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/container">
<items jcr:primaryType="nt:unstructured">
<categories
cq:showOnCreate="{Boolean}true"
jcr:primaryType="nt:unstructured"
sling:resourceType="granite/ui/components/foundation/form/select"
fieldDescription="Select Resource Categories"
fieldLabel="Category"
name="./resourceCategory">
<datasource
jcr:primaryType="nt:unstructured"
sling:resourceType="abc/components/content/featuredContent/dataSource/FeaturedCategories"
addNone="{Boolean}true"/>
</categories>
</items>
</column>
</items>
</field>
</fields>