Skip to content
Permalink
Browse files

fix(combobox): Added class names for any styling applied to [value]

  • Loading branch information...
ishakasliwal committed Oct 25, 2017
1 parent ef665ec commit 1d4e30f3ac6d8e560576b2549a4dd5ef6bf3dffc
Showing with 6 additions and 3 deletions.
  1. +5 −2 ui/components/combobox/base/_index.scss
  2. +1 −1 ui/components/combobox/base/example.jsx
@@ -211,7 +211,9 @@
}

[class*="slds-input-has-icon_left"] .slds-combobox__input[value],
[class*="slds-input-has-icon--left"] .slds-combobox__input[value] {
[class*="slds-input-has-icon--left"] .slds-combobox__input[value],
[class*="slds-input-has-icon_left"] .slds-combobox__input-value,
[class*="slds-input-has-icon--left"] .slds-combobox__input-value {
padding-left: ($square-icon-small-boundary + $spacing-small);
}

@@ -372,7 +374,8 @@
display: inline-flex;
}

.slds-combobox__input[value] {
.slds-combobox__input[value],
.slds-combobox__input-value {
box-shadow: 0 0 0 2px #fff inset, 0 0 0 3px $color-border inset;
}
}
@@ -230,7 +230,7 @@ export let ComboboxContainer = props => {
) : null}
{/* Input */}
<Input
className="slds-combobox__input"
className="slds-combobox__input slds-combobox__input-value"
id={props.id || comboboxId}
aria-activedescendant={props['aria-activedescendant']}
aria-autocomplete={props.autocomplete ? 'list' : null}

0 comments on commit 1d4e30f

Please sign in to comment.
You can’t perform that action at this time.