diff --git a/src/components/feedback/Popover.tsx b/src/components/feedback/Popover.tsx
index 0200b0a7a..f5eb66b25 100644
--- a/src/components/feedback/Popover.tsx
+++ b/src/components/feedback/Popover.tsx
@@ -254,7 +254,7 @@ export default function Popover({
data-testid="popover"
data-component="Popover"
>
- {children}
+ {open && children}
);
}
diff --git a/src/components/feedback/test/Popover-test.js b/src/components/feedback/test/Popover-test.js
index e0052cc9c..d4eb8be5a 100644
--- a/src/components/feedback/test/Popover-test.js
+++ b/src/components/feedback/test/Popover-test.js
@@ -18,18 +18,17 @@ function FakeComponent({ children, ...rest }) {
Anchor element
- {open &&
- (children ?? (
- <>
- Content of popover
-
- >
- ))}
+ {children ?? (
+ <>
+ Content of popover
+
+ >
+ )}
);
diff --git a/src/components/input/Select.tsx b/src/components/input/Select.tsx
index 526d701f2..7d9021e14 100644
--- a/src/components/input/Select.tsx
+++ b/src/components/input/Select.tsx
@@ -468,10 +468,9 @@ function SelectMain({
aria-multiselectable={multiple}
aria-labelledby={buttonId ?? defaultButtonId}
aria-orientation="vertical"
- data-listbox-open={listboxOpen}
onScroll={onListboxScroll}
>
- {listboxOpen && children}
+ {children}
diff --git a/src/components/input/test/Select-test.js b/src/components/input/test/Select-test.js
index 20782770a..40cad6f4c 100644
--- a/src/components/input/test/Select-test.js
+++ b/src/components/input/test/Select-test.js
@@ -79,7 +79,7 @@ describe('Select', () => {
const toggleListbox = wrapper => getToggleButton(wrapper).simulate('click');
const isListboxClosed = wrapper =>
- wrapper.find('[role="listbox"]').prop('data-listbox-open') === false;
+ wrapper.find('Popover').prop('open') === false;
const openListbox = wrapper => {
if (isListboxClosed(wrapper)) {