From cf59a4183ee5a15222dc2087f5d01839bbc614c0 Mon Sep 17 00:00:00 2001 From: George Lima Date: Thu, 10 Jan 2019 10:07:02 -0300 Subject: [PATCH] fix: add overflow-y in select wrapper --- app/components/select.js | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/app/components/select.js b/app/components/select.js index 573c8de..bd7179c 100644 --- a/app/components/select.js +++ b/app/components/select.js @@ -11,14 +11,11 @@ const SelectWrapper = styled.div` flex-direction: row; border-radius: ${props => props.theme.boxBorderRadius}; border: none; - background-color: ${// $FlowFixMe - props => props.theme.colors.inputBackground}; - color: ${// $FlowFixMe - props => props.theme.colors.text}; + background-color: ${props => props.theme.colors.inputBackground}; + color: ${props => props.theme.colors.text}; width: 100%; outline: none; - font-family: ${// $FlowFixMe - props => props.theme.fontFamily}; + font-family: ${props => props.theme.fontFamily}; cursor: pointer; position: relative; @@ -71,6 +68,7 @@ const OptionsWrapper = styled.div` position: absolute; width: 100%; ${props => `${props.placement}: ${`-${props.optionsAmount * 60}px`}`}; + overflow-y: auto; `; const Option = styled.button`