Backoffice multiselect in editor area with Remove all selected references

[Former Member]

I am trying to acheive something which exists in HMC wherein for instance Category->Sub-categories or Included products or it could be any collection type in editor area. When some items are selected from the existing displayed ones in hmc and right click we get option to remove all, create etc.

This feature is avaliable in list view of backoffice wherein we can select the items and perform actions.

To acheive this in editor area backoffice, I replaced the category subcategories and products with DefaultMultiReferenceEditor

 <context merge-by="type" parent="GenericItem" type="Category" component="editor-area">
         <editorArea:editorArea xmlns:editorArea="http://www.hybris.com/cockpitng/component/editorArea">
             <editorArea:tab name="hmc.tab.structure">
                 <editorArea:section name="hmc.section.subcategoriesandproducts">
                     <editorArea:attribute qualifier="categories" editor="com.hybris.cockpitng.editor.defaultmultireferenceeditor" mode="replace">
                     <editorArea:attribute qualifier="products" editor="com.hybris.cockpitng.editor.defaultmultireferenceeditor" mode="replace"/>
                 </editorArea:section>
             </editorArea:tab>
         </editorArea:editorArea>
     </context>

I am not able to multi-select the items from the displayed collection with this.

I refered the below link Default MultiReference Editor here it mentions we can acheive in the list|collection|set. Can anyone please let me know what I am missing to acheive the same?

For reference the editor preview of multi-select, mentioned in the same link in detail.

Thanks