feat(DropDownGroup): add containerOverride prop (#786)

* added containerOverride prop to DropDownGroup * containerOverride default prop to null Co-authored-by: Dave Berthiaume <[email protected]>
ticketmaster · Apr 11, 2022 · 07b4e56 · 07b4e56
1 parent 6f8a19f
commit 07b4e56
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/src/components/Input/DropDown/DropDownGroup.js b/src/components/Input/DropDown/DropDownGroup.js
@@ -31,7 +31,8 @@ class DropDownGroup extends React.Component {
   static LAYOUT_VARIANTS = LAYOUT_VARIANTS;
 
   componentDidMount() {
-    document.addEventListener("click", this.handleOutsideClick);
+    const container = this.props.containerOverride || document;
+    container.addEventListener("click", this.handleOutsideClick);
   }
 
   static getDerivedStateFromProps(props, state) {
@@ -58,7 +59,8 @@ class DropDownGroup extends React.Component {
   }
 
   componentWillUnmount() {
-    document.removeEventListener("click", this.handleOutsideClick);
+    const container = this.props.containerOverride || document;
+    container.removeEventListener("click", this.handleOutsideClick);
   }
 
   onClick = () => {
@@ -396,7 +398,8 @@ DropDownGroup.propTypes = {
   onDropDownToggle: PropTypes.func,
   hybrid: PropTypes.bool,
   dropdownMenuOpen: PropTypes.func,
-  dropdownMenuClose: PropTypes.func
+  dropdownMenuClose: PropTypes.func,
+  containerOverride: PropTypes.node
 };
 
 DropDownGroup.defaultProps = {
@@ -419,7 +422,8 @@ DropDownGroup.defaultProps = {
   onDropDownToggle: null,
   hybrid: false,
   dropdownMenuOpen: null,
-  dropdownMenuClose: null
+  dropdownMenuClose: null,
+  containerOverride: null
 };
 
 export default DropDownGroup;