fix(Select): fix background issues with inline variant optgroups (#9636)

tw15egan · Alessandra Davila · kodiakhq[bot] · web-flow · commit be4e7704a400 · 2021-10-04T15:27:18.000Z
* fix(Select): fix background issues with inline variant optgroups

* fix(Select): set select background so that background is rendered

Co-authored-by: Alessandra Davila &lt;aledavila@ibm.com&gt;
Co-authored-by: kodiakhq[bot] &lt;49736102+kodiakhq[bot]@users.noreply.github.com&gt;
diff --git a/packages/components/src/components/pagination/_pagination.scss b/packages/components/src/components/pagination/_pagination.scss
@@ -89,6 +89,7 @@ $css--helpers: true;
     min-width: auto;
     height: 100%;
     padding: 0 2.25rem 0 $spacing-05;
+    background-color: $ui-01;
     line-height: $size-md;
   }
 
diff --git a/packages/components/src/components/select/_select.scss b/packages/components/src/components/select/_select.scss
@@ -172,9 +172,10 @@
     opacity: 1;
   }
 
-  .#{$prefix}--select-optgroup,
+  optgroup.#{$prefix}--select-optgroup,
   .#{$prefix}--select-option {
     // For the options to show in IE11
+    background-color: $background-hover;
     color: $text-01;
 
     &:disabled {
@@ -211,7 +212,7 @@
     padding-right: $spacing-07;
     padding-left: $carbon--spacing-03;
     border-bottom: none;
-    background-color: transparent;
+    background-color: $background;
     color: $text-01;
   }
 

Original file line number	Diff line number	Diff line change
`@@ -89,6 +89,7 @@ $css--helpers: true;`
`89`	`89`	`min-width: auto;`
`90`	`90`	`height: 100%;`
`91`	`91`	`padding: 0 2.25rem 0 $spacing-05;`
	`92`	`+ background-color: $ui-01;`
`92`	`93`	`line-height: $size-md;`
`93`	`94`	`}`
`94`	`95`