menu-item fixed selected and current color bug

JesmoDev · JesmoDev · commit 07b8c9632cc6 · 2022-05-23T11:11:01.000+02:00
diff --git a/packages/uui-menu-item/lib/uui-menu-item.element.ts b/packages/uui-menu-item/lib/uui-menu-item.element.ts
@@ -61,7 +61,8 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
         color: var(--uui-color-interactive-emphasis);
       }
 
-      :host([active]) {
+      :host([active]) #label-button,
+      :host([active]) #caret-button {
         color: var(--uui-color-current-contrast);
       }
       :host([active]) #label-button-background {
@@ -72,7 +73,7 @@ export class UUIMenuItemElement extends SelectOnlyMixin(
         background-color: var(--uui-color-current-emphasis);
       }
 
-      :host([selected]),
+      :host([selected]) #label-button,
       :host([selected]) #caret-button {
         color: var(--uui-color-selected-contrast);
       }

Original file line number	Diff line number	Diff line change
`@@ -61,7 +61,8 @@ export class UUIMenuItemElement extends SelectOnlyMixin(`
`61`	`61`	`color: var(--uui-color-interactive-emphasis);`
`62`	`62`	`}`
`63`	`63`
`64`		`- :host([active]) {`
	`64`	`+ :host([active]) #label-button,`
	`65`	`+ :host([active]) #caret-button {`
`65`	`66`	`color: var(--uui-color-current-contrast);`
`66`	`67`	`}`
`67`	`68`	`:host([active]) #label-button-background {`
`@@ -72,7 +73,7 @@ export class UUIMenuItemElement extends SelectOnlyMixin(`
`72`	`73`	`background-color: var(--uui-color-current-emphasis);`
`73`	`74`	`}`
`74`	`75`
`75`		`- :host([selected]),`
	`76`	`+ :host([selected]) #label-button,`
`76`	`77`	`:host([selected]) #caret-button {`
`77`	`78`	`color: var(--uui-color-selected-contrast);`
`78`	`79`	`}`