fix: revert "fix: select-field not showing in correct place"

This reverts commit 7d27d71.
dhis2 · Sep 30, 2024 · e2eaf2a · e2eaf2a
1 parent 1373298
commit e2eaf2a
Show file tree

Hide file tree

Showing 4 changed files with 1 addition and 71 deletions.
diff --git a/components/select/src/select/menu-wrapper.js b/components/select/src/select/menu-wrapper.js
@@ -13,7 +13,7 @@ const MenuWrapper = ({
     selectRef,
 }) => {
     return (
-        <Layer onBackdropClick={onClick} transparent disablePortal>
+        <Layer onBackdropClick={onClick} transparent>
             <Popper
                 reference={selectRef}
                 placement="bottom-start"

diff --git a/components/select/src/single-select-field/features/can_show_conditionally.feature b/components/select/src/single-select-field/features/can_show_conditionally.feature
diff --git a/components/select/src/single-select-field/features/can_show_conditionally/index.js b/components/select/src/single-select-field/features/can_show_conditionally/index.js
diff --git a/components/select/src/single-select-field/single-select-field.e2e.stories.js b/components/select/src/single-select-field/single-select-field.e2e.stories.js
@@ -43,42 +43,3 @@ export const WithFilterable = () => (
 )
 export const WithLoading = () => <SingleSelectField loading />
 export const WithoutOptions = () => <SingleSelectField />
-
-export const WithHiddenParent = () => {
-    return (
-        <>
-            <div className="container">
-                <div className="hoverSpan">
-                    <span>Hover over me</span>
-                    <div className="hiddenSelect">
-                        <SingleSelectField
-                            dataTest="hoverable-select-field"
-                            label="Choose something"
-                            onChange={() => {}}
-                        >
-                            <SingleSelectOption value="1" label="one" />
-                            <SingleSelectOption value="2" label="two" />
-                        </SingleSelectField>
-                    </div>
-                </div>
-            </div>
-            <style jsx>{`
-                .container {
-                    width: 100%;
-                    height: 100%;
-                    display: flex;
-                    flex-direction: column;
-                    align-items: center;
-                    justify-content: center;
-                    font-size: 1rem;
-                }
-                .hiddenSelect {
-                    display: none;
-                }
-                .hoverSpan:hover .hiddenSelect {
-                    display: block;
-                }
-            `}</style>
-        </>
-    )
-}