show scrollbar when hover

2 files changed, 7 insertions, 5 deletions

diff --git a/assets/index/Select.less b/assets/index/Select.less
index 4efeac9..bca25f9 100644
--- a/assets/index/Select.less
+++ b/assets/index/Select.less
@@ -8,6 +8,10 @@
   width: 56px;
   overflow: hidden;
 
+  &:hover {
+    overflow-y: auto;
+  }
+
   &:first-child {
     border-left: 0;
     margin-left: 0;
@@ -19,18 +23,16 @@
 
   ul {
     list-style: none;
-    box-sizing: content-box;
+    box-sizing: border-box;
     margin: 0;
     padding: 0;
     width: 100%;
     max-height: 144px;
-    overflow: auto;
-    padding-right: 16px;
   }
 
   li {
     list-style: none;
-    box-sizing: content-box;
+    box-sizing: border-box;
     margin: 0;
     padding: 0 0 0 16px;
     width: 100%;
diff --git a/src/module/Select.jsx b/src/module/Select.jsx
index 119e59e..b386d07 100644
--- a/src/module/Select.jsx
+++ b/src/module/Select.jsx
@@ -64,7 +64,7 @@ const Select = React.createClass({
     }
     const topOption = list.children[index];
     const to = topOption.offsetTop - select.offsetTop;
-    scrollTo(list, to, duration);
+    scrollTo(select, to, duration);
   },
 
   render() {