Sets isActive style for SelectTag

helpscout · May 26, 2021 · ef7ef32 · ef7ef32
1 parent e3fbbb7
commit ef7ef32
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/src/components/DropList/DropList.togglers.jsx b/src/components/DropList/DropList.togglers.jsx
@@ -217,7 +217,8 @@ export const SelectTag = forwardRef(
   ({ isActive = false, text = '', onClick = noop, error, ...rest }, ref) => {
     const className = classNames(
       'DropListToggler SelectTagToggler',
-      error && 'is-error'
+      error && 'is-error',
+      isActive && 'is-active'
     )
     return (
       <SelectUI
@@ -267,6 +268,7 @@ const SelectUI = styled('button')`
     padding-right: 10px;
   }
 
+  &.is-active,
   &:focus {
     outline: 0;
     box-shadow: inset 0 0 0 2px ${getColor('blue.500')};