[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

Bắt đầu tại điểm vào định vị Angular Material mat-menu và theo dõi cách overlapTrigger hiện xử lý trục y so với xPosition. Chạy các bài kiểm thử menu liên quan, sau đó xác minh rằng việc đặt overlapTrigger thành false sẽ ngăn chồng lấp theo chiều ngang với phần tử kích hoạt, đồng thời giữ nguyên hành vi hiện tại khi giá trị là true.

Do mô hình lập chỉ mục viết ra từ nội dung của issue.