Describe the bug
Some components when placed inside Dialog will have new colors, set by the Dialog. For example, an outlined Text Field's label will gain the surface-3 color from Dialog. However, when a Dialog is placed inside another component that also sets the label color (which is a relatively common use case), that component sometimes wins. The Dialog color should always win here.
To reproduce
Steps to reproduce the behavior:
Create a Filled Card
Put a Dialog inside the Filled Card
Put an outlined Text Field inside the Dialog
See the surface-variant background color on the Text Field’s label instead of surface-3
Expected behavior
The colors adapted for Dialog should always win.
Describe the bug Some components when placed inside Dialog will have new colors, set by the Dialog. For example, an outlined Text Field's label will gain the
surface-3color from Dialog. However, when a Dialog is placed inside another component that also sets the label color (which is a relatively common use case), that component sometimes wins. The Dialog color should always win here.To reproduce Steps to reproduce the behavior:
surface-variantbackground color on the Text Field’s label instead ofsurface-3Expected behavior The colors adapted for Dialog should always win.
Browser Edge 112.0.1722.39