fix: revert "fix: select-field not showing in correct place" (#1614)

This reverts commit 7d27d71.
dhis2 · Oct 1, 2024 · c83de6b · c83de6b
1 parent 1373298
commit c83de6b
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>
- </>
- )
-}