From 94ad93a68078fd061816935a2e824ea1f1bc92be Mon Sep 17 00:00:00 2001
From: MariaAga <mariaaga@redhat.com>
Date: Fri, 8 Sep 2023 16:18:33 +0200
Subject: [PATCH] feat(Select) - add appendTo to SelectPopperProps

---
 packages/react-core/src/components/Select/Select.tsx | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/packages/react-core/src/components/Select/Select.tsx b/packages/react-core/src/components/Select/Select.tsx
index d3f71d5862f..bee8089ef30 100644
--- a/packages/react-core/src/components/Select/Select.tsx
+++ b/packages/react-core/src/components/Select/Select.tsx
@@ -17,6 +17,14 @@ export interface SelectPopperProps {
   maxWidth?: string | 'trigger';
   /** Enable to flip the popper when it reaches the boundary */
   enableFlip?: boolean;
+  /** The container to append the select to. Defaults to 'inline'.
+   * If your select is being cut off you can append it to an element higher up the DOM tree.
+   * Some examples:
+   * appendTo="inline"
+   * appendTo={() => document.body}
+   * appendTo={document.getElementById('target')}
+   */
+  appendTo?: HTMLElement | (() => HTMLElement) | 'inline';
 }
 
 export interface SelectToggleProps {