Updates the enable-pointer-events-for-disabled-items mixin to allow users to specify a class name to scope the mixin to.

Googler · nshahan · commit 3db36cd78e4f · 2017-11-28T10:39:26.000-08:00
This allows the mixin to be used for specific dropdowns and not be applied page wide.

PiperOrigin-RevId: 175882679
diff --git a/lib/material_select/_mixins.scss b/lib/material_select/_mixins.scss
@@ -80,8 +80,12 @@
   }
 }
 
-@mixin enable-pointer-events-for-disabled-items {
-  ::ng-deep material-select-dropdown-item.item.disabled {
+/// Enables pointer events on disabled MaterialSelectDropdownItems
+///
+/// This can be scoped to a specific selector in cases where
+/// MaterialSelectDropdownItems are placed in an overlay.
+@mixin enable-pointer-events-for-disabled-items($selector: '') {
+  ::ng-deep #{$selector} material-select-dropdown-item.item.disabled {
     pointer-events: all;
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -80,8 +80,12 @@`
`80`	`80`	`}`
`81`	`81`	`}`
`82`	`82`
`83`		`-@mixin enable-pointer-events-for-disabled-items {`
`84`		`- ::ng-deep material-select-dropdown-item.item.disabled {`
	`83`	`+/// Enables pointer events on disabled MaterialSelectDropdownItems`
	`84`	`+///`
	`85`	`+/// This can be scoped to a specific selector in cases where`
	`86`	`+/// MaterialSelectDropdownItems are placed in an overlay.`
	`87`	`+@mixin enable-pointer-events-for-disabled-items($selector: '') {`
	`88`	`+ ::ng-deep #{$selector} material-select-dropdown-item.item.disabled {`
`85`	`89`	`pointer-events: all;`
`86`	`90`	`}`
`87`	`91`	`}`