mwc-dialog with a fixedMenuPosition mwc-select has a transparency/bleeding issue on iOS chrome/safari

[kaseyhinton]

Describe the bug When using an mwc-dialog containing an mwc-select with the fixedMenuPosition attribute on it causes the footer actions to bleed through the slotted mwc-list-items.

To Reproduce Steps to reproduce the behavior:

1. open the select
2. look for footer actions bleeding through the list items

Expected behavior The mwc-menu and mwc-list-items it contains should appear over the footer actions with no actions bleeding through

Screenshots Here is a screenshot of the issue on an up-to-date iPhone SE.

Code sandbox that demonstrates the issue. https://codesandbox.io/s/silly-shirley-2gve70?file=/index.html

Browser Version

• OS: iOS 15.3.1
• Browser Safari, Chrome

[omar2205]

it's not bleeding for me

[omar2205]

Do you have hardware acceleration off?

[kaseyhinton]

What version of iOS are you trying to use to reproduce? It still bleeds on the latest iOS 15.4

[omar2205]

Sorry my bad, didn't see iOS part.

[asyncLiz]

Should be fixed in M3