diff --git a/src/components/molecules/SfSelect/SfSelect.scss b/src/components/molecules/SfSelect/SfSelect.scss index c7b40b0f15..94d4f91da9 100644 --- a/src/components/molecules/SfSelect/SfSelect.scss +++ b/src/components/molecules/SfSelect/SfSelect.scss @@ -31,8 +31,7 @@ $sf-select-font-family: $body-font-family-secondary; } &__options { position: absolute; - top: 0; - left: 0; + top: 100%; z-index: 100; width: 100%; background-color: #FFF; diff --git a/src/components/molecules/SfSelect/SfSelect.stories.js b/src/components/molecules/SfSelect/SfSelect.stories.js index 0eef1038b2..7b17ec7013 100644 --- a/src/components/molecules/SfSelect/SfSelect.stories.js +++ b/src/components/molecules/SfSelect/SfSelect.stories.js @@ -6,7 +6,7 @@ import notes from "./SfSelect.md"; import SfSelect from "./SfSelect.vue"; import SfProductOption from "../SfProductOption/SfProductOption.vue"; -storiesOf("Molecules|[WIP] Select", module) +storiesOf("Molecules|Select", module) .addDecorator(withKnobs) .addDecorator(withA11y) .add(