Left positioning with "before" not applying

[usersina]

Bug, feature request, or proposal:

• I'm trying to style the popover to always display on the left of the calling element, sort of like "before" of material tooltip.

What is the expected behaviour?

• The popover should always display to the left when applying mdePopoverPositionX='before'

What is the current behaviour?

• Popover always displays at the bottom of the calling element.

What are the steps to reproduce?

<mde-popover
  #appPopover="mdePopover"
  mdePopoverPositionX="before"
  [mdePopoverOverlapTrigger]="false"
>
  <mat-card style="max-width: 300px">
    <mat-card-content>
      A material design popover component created using Angular version 8 with
      the Angular CDK.
    </mat-card-content>
  </mat-card>
</mde-popover>

<button mat-raised-button color="primary" 
  [mdePopoverTriggerFor]="appPopover" 
  mdePopoverTriggerOn="click"
  #popoverTrigger="mdePopoverTrigger"
>
    Show Popover
</button>

• I also tried adding mdePopoverPositionX='after' to the stackblitz demo but it also has no effect.

Other Comments

• Please tell me if I missed something, thanks!

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.