menu: menu items are overlayed when progress bar is running

[viktorzavadil]

Bug, Enhancement Request, or Proposal

Demo and steps to reproduce the issue

This blank StackBlitz demo can be used to create a reproduction that demonstrates your issue.

Demo URL (required)*: https://codepen.io/vikiza/pen/WNxzvpJ

Detailed Reproduction Steps

1. Open menu when progress bar is running

Explain the expected behavior

Menu has all items.

Explain the current behavior

If menu is opened when progress bar is running all items is overlaying.

Discuss the use-case or motivation for changing the existing behavior

List the affected versions of AngularJS, Material, OS, and browsers

• AngularJS: 1.7.9, 1.8.2
• AngularJS Material: 1.1.21, 1.2.1
• OS: iOS 13.5
• Browsers: safari

Add anything else we should know

Stack Trace

Screenshots

[Splaktar]

Using the same CodePen (in Full Page or Editor view), I'm not able to reproduce this on an iPad device with iOS 14.1 or in a simulator with

• iPhone 12 iOS 14.1
• iPhone 11 iOs 14.1
• iPhone 8 iOS 14.1
• iPad Pro 2nd gen 11" iOS 14.1

[viktorzavadil]

Yeah, unfortunetally problem is reproducable on iOS 13.5 only. Menu is working on iOS 14 (for me).