[mat-menu] support horizontal (xPosition) overlap detection

#### Bug, feature request, or proposal:
feature

#### What is the expected behavior?
When [overlapTrigger] is false the menu will NOT overlap on the horizontal axis (xPosition)

#### What is the current behavior?
The horizontal axis is overlapping the triggering element wether overlapTrigger is true/false.

#### What is the use-case or motivation for changing an existing behavior?
Per the docs, the overlapTrigger should respect both x and y.
It is also a valid requirement.

#### Which versions of Angular, Material, OS, TypeScript, browsers are affected?
angular 5, material 5.0.0-rc0

Beginne beim Angular Material mat-menu-Einstiegspunkt für die Positionierung und verfolge, wie overlapTrigger derzeit die y-Achse im Vergleich zu xPosition behandelt. Führe die relevanten Menütests aus und überprüfe anschließend, dass das Setzen von overlapTrigger auf false eine horizontale Überlappung mit dem auslösenden Element verhindert, während das bestehende Verhalten bei true erhalten bleibt.

Vom Indexierungsmodell aus dem Issue-Text verfasst.