Fixes #126, select options should fully display

brave · ryanml · Sep 26, 2018 · Oct 2, 2018 · Sep 26, 2018 · 1caa75026feeedfef79a23ba3e877002109054b8
commit 1caa75026feeedfef79a23ba3e877002109054b8
diff --git a/src/components/formControls/select/__snapshots__/spec.tsx.snap b/src/components/formControls/select/__snapshots__/spec.tsx.snap
@@ -53,9 +53,7 @@ exports[`Select tests basic tests matches the snapshot 1`] = `
 }
 
 .c6 {
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
+  position: fixed;
   width: 100%;
   border-radius: 3px;
   box-shadow: 0 2px 5px 0 rgba(223,223,232,0.5);

diff --git a/src/components/formControls/select/style.ts b/src/components/formControls/select/style.ts
@@ -83,9 +83,7 @@ export const StyledSelectText = styled<StyleProps, 'div'>('div')`
 `
 
 export const StyledOptions = styled<StyleProps, 'div'>('div')`
-  position: absolute;
-  top: calc(100% + 4px);
-  left: 0;
+  position: fixed;
   width: ${p => p.showAllContents ? 'auto' : '100%'};
   border-radius: 3px;
   box-shadow: 0 2px 5px 0 rgba(223, 223, 232, 0.5);