fix(autocomplete): missing input class and some bs4 styling change

Author: Ghislain Beaulac

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

@@ -61,7 +61,7 @@ export class AutoCompleteEditor implements Editor {
     this.labelName = this.customStructure && this.customStructure.label || 'label';
     this.valueName = this.customStructure && this.customStructure.value || 'value';
 
-    this.$input = $(`<input type="text" class="editor-text editor-${columnId}" placeholder="${placeholder}" />`)
+    this.$input = $(`<input type="text" class="autocomplete editor-text editor-${columnId}" placeholder="${placeholder}" />`)
       .appendTo(this.args.container)
       .on('keydown.nav', (e) => {
         if (e.keyCode === KeyCode.LEFT || e.keyCode === KeyCode.RIGHT) {

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

@@ -274,7 +274,7 @@ export class AutoCompleteFilter implements Filter {
     if (this.columnFilter && this.columnFilter.placeholder) {
       placeholder = this.columnFilter.placeholder;
     }
-    return `<input type="text" class="form-control search-filter filter-${columnId}" placeholder="${placeholder}">`;
+    return `<input type="text" class="form-control autocomplete search-filter filter-${columnId}" placeholder="${placeholder}">`;
   }
 
   /**

src/app/modules/angular-slickgrid/styles/bootstrap-jquery-ui-autocomplete.scss

@@ -5,17 +5,11 @@
 // ---------------------------------------------------------
 
 .ui-autocomplete {
-  display: none;
-  float: left;
   position: absolute;
-  left: 0;
-  top: 100%;
   z-index: $autocomplete-z-index;
-  padding: 5px 0;
-  margin: 2px 0 0;
+  padding: 0;
+  margin-top: 2px;
   list-style: none;
-  font-size: 14px;
-  text-align: left;
   background-color: $autocomplete-bg-color;
   border: $autocomplete-border;
   border-radius: $autocomplete-border-radius;