[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

Commencez au point d’entrée du positionnement de Angular Material mat-menu et suivez la manière dont overlapTrigger gère actuellement l’axe y par rapport à xPosition. Exécutez les tests pertinents du menu, puis vérifiez que définir overlapTrigger sur false empêche le chevauchement horizontal avec l’élément déclencheur, tout en préservant le comportement existant lorsqu’il vaut true.

Rédigé par le modèle d'indexation à partir du texte de l'issue.