CODEWITHSUNDEEP
htmlscrollangular-materialmicrosoft-edgemat-table
sdparker
sdparker

Reputation: 101

Edge 44 renders mat-table sticky header incorrectly

Recently our users upgraded to the latest version of Microsoft Edge:

Old version:

New version:

We are using mat-table sticky header and see that with the new browser, the header (and sticky footer if present) if incorrectly offset too high.

You can even see this problem on the official document page: https://material.angular.io/components/table/overview

Scroll down to "Table with sticky header"

Bad rendering:

https://i.sstatic.net/q4pTE.jpg

Good rendering:

https://i.sstatic.net/UmUna.jpg

Has anyone seen an open edge issue on this, or have a work around?

Upvotes: 0

Views: 573

Answers (1)

Yu Zhou
Yu Zhou

Reputation: 12946

After discussing with senior engineers, we think it should be a issue of Angular Material. Angular Material should change their design to adapt Microsoft Edge(EdgeHTML). We could wait for the next update of Angular Material to see if it will solve the issue.

For now, we can use this example as a workaround or the solution you mentioned in the comment that removing the mat-elevation-z8 from the parent div.

Upvotes: 0

Related Questions