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,