search

angular / components

Component infrastructure and Material Design components for Angular
https://material.angular.io
MIT License
24.39k stars 6.76k forks source link

Wrong overlay position for pages with vertical scroll #15385

Open peleccom opened 5 years ago

peleccom commented 5 years ago

What is the expected behavior?

Overlay is fully visible. There is a padding between right side of overlay and page border

What is the current behavior?

Overlay position is wrong.

What are the steps to reproduce?

https://stackblitz.com/edit/angular-2nsh5d

Place mat-select at the right border Set overflow-y: scroll; for body element

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

angular: 7.2.7 angular-material: 7.3.1

Is there anything else we should know?

image

fasvald commented 5 years ago

True. Has the same bug in our project. And this is really annoying.

josephperrott commented 5 years ago

@crisbeto looks like the overlay positioning isn't working from the edge of the scroll bar, but from the edge of the window instead.