Merge pull request #40 from the-spyke/highlight-selected-option

Add class for currently selected item
bvaughn · Jan 15, 2017 · 9b11bc2 · 9b11bc2
2 parents 3e44736 + 084ee24
commit 9b11bc2
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 1 deletion.
diff --git a/source/VirtualizedSelect/VirtualizedSelect.js b/source/VirtualizedSelect/VirtualizedSelect.js
@@ -140,7 +140,7 @@ export default class VirtualizedSelect extends Component {
     }
   }
 
-  _optionRenderer ({ focusedOption, focusOption, key, labelKey, option, selectValue, style }) {
+  _optionRenderer ({ focusedOption, focusOption, key, labelKey, option, selectValue, style, valueArray }) {
     const className = ['VirtualizedSelectOption']
 
     if (option === focusedOption) {
@@ -151,6 +151,10 @@ export default class VirtualizedSelect extends Component {
       className.push('VirtualizedSelectDisabledOption')
     }
 
+    if (valueArray && valueArray.indexOf(option) >= 0) {
+      className.push('VirtualizedSelectSelectedOption')
+    }
+
     const events = option.disabled
       ? {}
       : {

diff --git a/source/styles.css b/source/styles.css
@@ -17,3 +17,6 @@
 .VirtualizedSelectDisabledOption {
   opacity: 0.5;
 }
+.VirtualizedSelectSelectedOption {
+  font-weight: bold;
+}
diff --git a/styles.css b/styles.css
@@ -17,3 +17,6 @@
 .VirtualizedSelectDisabledOption {
   opacity: 0.5;
 }
+.VirtualizedSelectSelectedOption {
+  font-weight: bold;
+}