Positions the select dropdown so that the active item's text overlaps the value displayed in the select input box.

IgxSelectOverlapPositionStrategy

new IgxSelectOverlapPositionStrategy(select: IgxSelectComponent, settings: PositionSettings): IgxSelectOverlapPositionStrategy

Defined in projects/igniteui-angular/select/src/select/select-overlap-positioning-strategy.ts:29

Returns IgxSelectOverlapPositionStrategy

Inherited from: BaseFitPositionStrategy

PositionSettings to use when position the component in the overlay

settings: PositionSettings

Defined in projects/igniteui-angular/core/src/services/overlay/position/connected-positioning-strategy.ts:21

Inherited from: BaseFitPositionStrategy

Creates clone of this position strategy

clone(): IPositionStrategy

Defined in projects/igniteui-angular/core/src/services/overlay/position/connected-positioning-strategy.ts:58

Returns IPositionStrategy

Position the element based on the PositionStrategy implementing this interface.

position(contentElement: HTMLElement, _size: Size, document: Document, initialCall: boolean, target: HTMLElement | Point): void

Defined in projects/igniteui-angular/select/src/select/select-overlap-positioning-strategy.ts:46

Parameters

  • contentElement: HTMLElement

    The HTML element to be positioned

  • _size: Size
  • document: Document

    reference to the Document object

  • initialCall: boolean

    should be true if this is the initial call to the method

  • target: HTMLElement | Point

    attaching target for the component to show

    settings.positionStrategy.position(content, size, document, true);

Returns void