refactor(select): element remove should be more restrictive by it's name

- Multiple-Select Editor/Filter destroy method should make sure to remove the ms-drop as well which in Slickgrid is on the body container

Author: Ghislain Beaulac

src/app/examples/grid-graphql.component.ts

@@ -78,7 +78,10 @@ export class GridGraphqlComponent implements OnInit, OnDestroy {
         filterable: true,
         filter: {
           model: Filters.multipleSelect,
-          collection: [{ value: 'acme', label: 'Acme'}, { value: 'abc', label: 'Company ABC'}, { value: 'xyz', label: 'Company XYZ'}]
+          collection: [{ value: 'acme', label: 'Acme'}, { value: 'abc', label: 'Company ABC'}, { value: 'xyz', label: 'Company XYZ'}],
+          filterOptions: {
+            filter: true // adds a filter on top of the multi-select dropdown
+          }
         }
       },
       { id: 'billing.address.street', field: 'billing.address.street', headerKey: 'BILLING.ADDRESS.STREET', width: 60, filterable: true, sortable: true },

src/app/modules/angular-slickgrid/editors/selectEditor.ts

@@ -261,6 +261,7 @@ export class SelectEditor implements Editor {
     if (this.$editorElm && this.$editorElm.multipleSelect) {
       this.$editorElm.multipleSelect('close');
       this.$editorElm.remove();
+      $(`[name=${this.elementName}].ms-drop`).remove();
     }
     this._subscriptions = unsubscribeAllObservables(this._subscriptions);
   }

src/app/modules/angular-slickgrid/filters/selectFilter.ts

@@ -186,7 +186,7 @@ export class SelectFilter implements Filter {
     if (this.$filterElm) {
       // remove event watcher
       this.$filterElm.off().remove();
-      $('.ms-drop').remove();
+      $(`[name=${this.elementName}].ms-drop`).remove();
     }
 
     // also dispose of all Subscriptions
@@ -414,6 +414,7 @@ export class SelectFilter implements Filter {
       throw new Error(`multiple-select.js was not found, make sure to modify your "angular-cli.json" file and include "../node_modules/angular-slickgrid/lib/multiple-select/multiple-select.js" and it's css or SASS file`);
     }
     this.$filterElm.attr('id', this.elementName);
+    this.$filterElm.attr('name', this.elementName);
     this.$filterElm.data('columnId', fieldId);
 
     // if there's a search term, we will add the "filled" class for styling purposes