diff --git a/superset-frontend/spec/javascripts/dashboard/components/DashboardBuilder_spec.jsx b/superset-frontend/spec/javascripts/dashboard/components/DashboardBuilder_spec.jsx index 4fd924e8c1..b341e89d45 100644 --- a/superset-frontend/spec/javascripts/dashboard/components/DashboardBuilder_spec.jsx +++ b/superset-frontend/spec/javascripts/dashboard/components/DashboardBuilder_spec.jsx @@ -131,7 +131,7 @@ describe('DashboardBuilder', () => { it('should set animated=true on Tabs for perf', () => { const wrapper = setup({ dashboardLayout: undoableDashboardLayoutWithTabs }); const tabProps = wrapper.find(ParentSize).find(Tabs).props(); - expect(tabProps.animated).toBe(true); + expect(tabProps.animated).toEqual({ inkBar: true, tabPane: false }); }); it('should render a TabPane and DashboardGrid for first Tab', () => { diff --git a/superset-frontend/src/components/Tabs/Tabs.tsx b/superset-frontend/src/components/Tabs/Tabs.tsx index 90c3a64e6c..c9239f0c61 100644 --- a/superset-frontend/src/components/Tabs/Tabs.tsx +++ b/superset-frontend/src/components/Tabs/Tabs.tsx @@ -104,7 +104,7 @@ const Tabs = Object.assign(StyledTabs, { Tabs.defaultProps = { fullWidth: true, - animated: true, + animated: { inkBar: true, tabPane: false }, }; const StyledEditableTabs = styled(StyledTabs)` @@ -138,6 +138,7 @@ export const EditableTabs = Object.assign(StyledEditableTabs, { EditableTabs.defaultProps = { type: 'editable-card', fullWidth: false, + animated: { inkBar: true, tabPane: false }, }; EditableTabs.TabPane.defaultProps = {