fix(typeahead): fixed typeahead positioning inside form-inline

fixes #1396
valor-software · Dec 27, 2016 · c6d4835 · c6d4835
1 parent dd54f63
commit c6d4835
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 5 deletions.
diff --git a/src/positioning/ng-positioning.ts b/src/positioning/ng-positioning.ts
@@ -83,8 +83,8 @@ export class Positioning {
       bottom: hostElPosition.top + hostElPosition.height
     };
     const targetElBCR = targetElement.getBoundingClientRect();
-    const placementPrimary = placement.split('-')[0] || 'top';
-    const placementSecondary = placement.split('-')[1] || 'center';
+    const placementPrimary = placement.split(' ')[0] || 'top';
+    const placementSecondary = placement.split(' ')[1] || 'center';
 
     let targetElPosition: ClientRect = {
       height: targetElBCR.height || targetElement.offsetHeight,

diff --git a/src/typeahead/typeahead-container.component.ts b/src/typeahead/typeahead-container.component.ts
@@ -60,7 +60,7 @@ import { TypeaheadMatch } from './typeahead-match.class';
   </div></template>
 `,
   // tslint:disable-next-line
-  host: {'[class]': '"dropdown open"'},
+  host: {'class': 'dropdown open', style: 'position: absolute;' },
   encapsulation: ViewEncapsulation.None
 })
 export class TypeaheadContainerComponent {

diff --git a/src/typeahead/typeahead.directive.ts b/src/typeahead/typeahead.directive.ts
@@ -217,8 +217,8 @@ export class TypeaheadDirective implements OnInit, OnDestroy {
     this._typeahead
       .attach(TypeaheadContainerComponent)
       // todo: add append to body, after updating positioning service
-      // .to(this.container)
-      // .position({attachment: 'bottom left'})
+      .to(this.container)
+      .position({attachment: 'bottom left'})
       .show({
         typeaheadRef: this,
         placement: this.placement,