Adding "getPopupContainer" prop

src/TabNavList/OperationNode.tsx

@@ -24,6 +24,7 @@ export interface OperationNodeProps {
   removeAriaLabel?: string;
   onTabClick: (key: React.Key, e: React.MouseEvent | React.KeyboardEvent) => void;
   tabMoving?: boolean;
+  getPopupContainer?: (node: HTMLElement) => HTMLElement;
   popupClassName?: string;
 }
 
@@ -43,6 +44,7 @@ function OperationNode(
     rtl,
     removeAriaLabel,
     onTabClick,
+    getPopupContainer,
     popupClassName,
   }: OperationNodeProps,
   ref: React.Ref<HTMLDivElement>,
@@ -196,6 +198,7 @@ function OperationNode(
       overlayClassName={classNames(overlayClassName, popupClassName)}
       mouseEnterDelay={0.1}
       mouseLeaveDelay={0.1}
+      getPopupContainer={getPopupContainer}
     >
       <button
         type="button"

src/TabNavList/index.tsx

@@ -46,6 +46,7 @@ export interface TabNavListProps {
   onTabClick: (activeKey: string, e: React.MouseEvent | React.KeyboardEvent) => void;
   onTabScroll?: OnTabScroll;
   children?: (node: React.ReactElement) => React.ReactElement;
+  getPopupContainer?: (node: HTMLElement) => HTMLElement;
   popupClassName?: string;
 }
 

src/Tabs.tsx

@@ -57,6 +57,7 @@ export interface TabsProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'o
   onTabScroll?: OnTabScroll;
 
   editable?: EditableConfig;
+  getPopupContainer?: (node: HTMLElement) => HTMLElement;
 
   // Accessibility
   locale?: TabsLocale;
@@ -112,6 +113,7 @@ function Tabs(
     onChange,
     onTabClick,
     onTabScroll,
+    getPopupContainer,
     popupClassName,
     ...restProps
   }: TabsProps,
@@ -217,6 +219,7 @@ function Tabs(
     extra: tabBarExtraContent,
     style: tabBarStyle,
     panes: children,
+    getPopupContainer,
     popupClassName,
   };
 

tests/overflow.test.tsx

@@ -1,17 +1,16 @@
-import React from 'react';
 import type { ReactWrapper } from 'enzyme';
 import { mount } from 'enzyme';
 import KeyCode from 'rc-util/lib/KeyCode';
 import { spyElementPrototypes } from 'rc-util/lib/test/domHook';
 import { act } from 'react-dom/test-utils';
+import { TabPane } from '../src';
 import {
   getOffsetSizeFunc,
   getTabs,
-  triggerResize,
   getTransformX,
   getTransformY,
+  triggerResize,
 } from './common/util';
-import { TabPane } from '../src';
 
 describe('Tabs.Overflow', () => {
   let domSpy: ReturnType<typeof spyElementPrototypes>;
@@ -375,6 +374,12 @@ describe('Tabs.Overflow', () => {
     expect(wrapper.find('.rc-tabs-dropdown-menu').first().text()).not.toContain('miu');
   });
 
+  it('should support getPopupContainer', () => {
+    const getPopupContainer = trigger => trigger.parentNode;
+    const wrapper = mount(getTabs({ getPopupContainer }));
+    expect(wrapper.find('Trigger').first().props().getPopupContainer).toBe(getPopupContainer);
+  });
+
   it('should support popupClassName', () => {
     jest.useFakeTimers();
     const wrapper = mount(getTabs({ popupClassName: 'custom-popup' }));