diff --git a/packages/matchbox/src/components/Tabs/Tabs.js b/packages/matchbox/src/components/Tabs/Tabs.js index 09a0e125b..f97b48284 100644 --- a/packages/matchbox/src/components/Tabs/Tabs.js +++ b/packages/matchbox/src/components/Tabs/Tabs.js @@ -121,12 +121,7 @@ function Tabs(props) { }, [selected, tabs, isOverflowing, disableResponsiveBehavior]); return ( - + ` pointer-events: ${isOverflowing ? 'none' : 'auto'}; `; -export const containerStyles = ({ disableResponsiveBehavior }) => ` +export const containerStyles = () => ` position: relative; height: ${tokens.sizing_750}; - ${!disableResponsiveBehavior ? `overflow: hidden;` : ''} `; diff --git a/packages/matchbox/src/components/Tabs/tests/Tabs.test.js b/packages/matchbox/src/components/Tabs/tests/Tabs.test.js index ab3fd2567..26cbaa5f3 100644 --- a/packages/matchbox/src/components/Tabs/tests/Tabs.test.js +++ b/packages/matchbox/src/components/Tabs/tests/Tabs.test.js @@ -53,11 +53,4 @@ describe('Tabs', () => { }); expect(wrapper.find('a').text()).toEqual('Tab 4'); }); - - it('should be able to disable responsive behavior', () => { - const wrapper = subject({ - disableResponsiveBehavior: true, - }); - expect(wrapper).not.toHaveStyleRule('overflow', 'hidden'); - }); });