diff --git a/src/components/Input/DropDown/DropDownGroup.styles.js b/src/components/Input/DropDown/DropDownGroup.styles.js index f3958b4a..6bcd619b 100644 --- a/src/components/Input/DropDown/DropDownGroup.styles.js +++ b/src/components/Input/DropDown/DropDownGroup.styles.js @@ -154,10 +154,6 @@ export const StyledGroupWrapper = styled.div` } &.hybrid { - top: 0; - left: 0; - z-index: 2; - &.hybrid-margin-small { margin-top: -36px; } diff --git a/src/components/Input/Select/Select.styles.js b/src/components/Input/Select/Select.styles.js index f0e05aa9..710e7310 100644 --- a/src/components/Input/Select/Select.styles.js +++ b/src/components/Input/Select/Select.styles.js @@ -88,8 +88,6 @@ const StyledSelect = styled.select` } &.hybrid { - top: 0; - left: 0; opacity: 0; &:focus { diff --git a/src/components/Input/__tests__/__snapshots__/DropDownGroup.spec.js.snap b/src/components/Input/__tests__/__snapshots__/DropDownGroup.spec.js.snap index 93e162fe..81f5f009 100644 --- a/src/components/Input/__tests__/__snapshots__/DropDownGroup.spec.js.snap +++ b/src/components/Input/__tests__/__snapshots__/DropDownGroup.spec.js.snap @@ -161,12 +161,6 @@ exports[`DropDownGroup Arrow key down should open the drop down 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -589,12 +583,6 @@ exports[`DropDownGroup Arrow key up should open the drop down 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -1017,12 +1005,6 @@ exports[`DropDownGroup Click outside should close the dropdown 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -1445,12 +1427,6 @@ exports[`DropDownGroup Click outside should not close the dropdown when the isOp display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -1875,12 +1851,6 @@ exports[`DropDownGroup Effect when move moves over dropdown option when focused display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -2303,12 +2273,6 @@ exports[`DropDownGroup Effect when move moves over dropdown option when focused display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -2731,12 +2695,6 @@ exports[`DropDownGroup Escape key should close the drop down 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -3159,12 +3117,6 @@ exports[`DropDownGroup Should not focus onClick 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -3587,12 +3539,6 @@ exports[`DropDownGroup Should open the drop down onClick 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -4017,12 +3963,6 @@ exports[`DropDownGroup Space bar should select and close dropdown 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -4447,12 +4387,6 @@ exports[`DropDownGroup Space bar should select and not close dropdown when the i display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -4877,12 +4811,6 @@ exports[`DropDownGroup Space bar should select but not close dropdown 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -5506,12 +5434,6 @@ exports[`DropDownGroup renders bordered variant with an inner label with a place display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -5938,12 +5860,6 @@ exports[`DropDownGroup renders borderless variant with an inner label with a lab display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -6368,12 +6284,6 @@ exports[`DropDownGroup renders borderless variant with label and hiddenLabel pro display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -6798,12 +6708,6 @@ exports[`DropDownGroup renders default dropdown 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -7226,12 +7130,6 @@ exports[`DropDownGroup renders default dropdown that should always open downward display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -7654,12 +7552,6 @@ exports[`DropDownGroup renders hybrid dropdown 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -8082,12 +7974,6 @@ exports[`DropDownGroup renders hybrid dropdown when hideDropdown is false 1`] = display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -8510,12 +8396,6 @@ exports[`DropDownGroup renders input correctly when the isOpen prop with a value display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -8938,12 +8818,6 @@ exports[`DropDownGroup renders input correctly when the keywordSearch prop with display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -9366,12 +9240,6 @@ exports[`DropDownGroup renders input correctly when the withKeyboardProvider pro display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -9793,12 +9661,6 @@ exports[`DropDownGroup renders small dropdown 1`] = ` display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -10221,12 +10083,6 @@ exports[`DropDownGroup should render the correct label when label prop is passed display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -10648,12 +10504,6 @@ exports[`DropDownGroup should render the correct label when label prop is passed display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -11078,12 +10928,6 @@ exports[`DropDownGroup should render the correct label when label prop is passed display: block; } -.c0.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c0.hybrid.hybrid-margin-small { margin-top: -36px; } diff --git a/src/components/Input/__tests__/__snapshots__/HybridDropDown.spec.js.snap b/src/components/Input/__tests__/__snapshots__/HybridDropDown.spec.js.snap index b4becde9..ed9b2386 100644 --- a/src/components/Input/__tests__/__snapshots__/HybridDropDown.spec.js.snap +++ b/src/components/Input/__tests__/__snapshots__/HybridDropDown.spec.js.snap @@ -166,12 +166,6 @@ Object { display: block; } -.c2.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c2.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -377,8 +371,6 @@ Object { } .c1.hybrid { - top: 0; - left: 0; opacity: 0; } @@ -809,12 +801,6 @@ Object { display: block; } -.c2.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c2.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -1020,8 +1006,6 @@ Object { } .c1.hybrid { - top: 0; - left: 0; opacity: 0; } @@ -1454,12 +1438,6 @@ Object { display: block; } -.c2.hybrid { - top: 0; - left: 0; - z-index: 2; -} - .c2.hybrid.hybrid-margin-small { margin-top: -36px; } @@ -1665,8 +1643,6 @@ Object { } .c1.hybrid { - top: 0; - left: 0; opacity: 0; } diff --git a/src/components/Input/__tests__/__snapshots__/Select.spec.js.snap b/src/components/Input/__tests__/__snapshots__/Select.spec.js.snap index 4d8dac5d..94ff194b 100644 --- a/src/components/Input/__tests__/__snapshots__/Select.spec.js.snap +++ b/src/components/Input/__tests__/__snapshots__/Select.spec.js.snap @@ -87,8 +87,6 @@ Object { } .c0.hybrid { - top: 0; - left: 0; opacity: 0; } @@ -286,8 +284,6 @@ Object { } .c0.hybrid { - top: 0; - left: 0; opacity: 0; } @@ -485,8 +481,6 @@ Object { } .c0.hybrid { - top: 0; - left: 0; opacity: 0; } @@ -684,8 +678,6 @@ Object { } .c0.hybrid { - top: 0; - left: 0; opacity: 0; } @@ -883,8 +875,6 @@ Object { } .c0.hybrid { - top: 0; - left: 0; opacity: 0; } @@ -1082,8 +1072,6 @@ Object { } .c0.hybrid { - top: 0; - left: 0; opacity: 0; } @@ -1281,8 +1269,6 @@ Object { } .c0.hybrid { - top: 0; - left: 0; opacity: 0; }