ant-design: [Tabs] ant-tabs-nav-more missing in mobile view

  • I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

https://ant.design/components/tabs/#components-tabs-demo-slide

Steps to reproduce

View https://ant.design/components/tabs/#components-tabs-demo-slide in mobile display.

What is expected?

Display ant-tabs-nav-more button in mobile view

What is actually happening?

In large display, it’s showing. But in mobile view, it’s getting removed. image

Environment Info
antd 4.7.2
React 16.14.0
System Windows 10, Xiaomi Note 5
Browser Chrome

Can be seen in demo. In 4.7.0, it was ok.

About this issue

  • Original URL
  • State: open
  • Created 4 years ago
  • Reactions: 2
  • Comments: 17 (4 by maintainers)

Most upvoted comments

You can overwrite the renderTabBar prop like this:

renderTabBar={(props, TabNavList) => (
  <TabNavList {...props} mobile={false} />
)}

Can we have a prop to configure this. I think some projects needs to display the more button on mobile devices.

Currently experiencing this issue. It would be really helpful if we had a prop to show the “More” dropdown on mobile devices, especially since Ant is not especially good at indicating when there are additional tabs to be scrolled to in the Tab bar on small touchscreens.