-
Notifications
You must be signed in to change notification settings - Fork 28
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Vertical Scroll doesn't work on NavPillsCard #137
Comments
Hello there @francosegura , Thank you for your interest in working with our products. Hope you can understand our situation. Just to be sure I've understood your issue correctly, the scroll of the page does not work if you are hovering the NavPills? Best, |
Hi, Best, |
Hello again, @francosegura , Just been able to test this issue.
to
But this means you will not have the animation any longer on the NavPills.
to
Hope this helps you. Best, |
Hello team, |
Hello there @pranaydp , Can you paste me your whole NavPills code? Best, |
yes sure, // material-ui components // core components import navPillsStyle from "assets/jss/material-dashboard-pro-react/components/navPillsStyle.jsx"; class NavPills extends React.Component { <SwipeableViews axis={direction === "rtl" ? "x-reverse" : "x"} index={this.state.active} onChangeIndex={this.handleChangeIndex} style={{ overflowY: "hidden" }} > {tabs.map((prop, key) => { if (key === this.state.active) { return ( {prop.tabContent} ); } return null; })} ); return horizontal !== undefined ? ( <GridItem {...horizontal.tabsGrid}>{tabButtons} <GridItem {...horizontal.contentGrid}>{tabContent} ) : ( {tabButtons} {tabContent} ); } } NavPills.defaultProps = { NavPills.propTypes = { export default withStyles(navPillsStyle)(NavPills); |
Hello again @pranaydp , So, the code is wrong. Best, |
I'm on the same team as @francosegura. We had to find a solution to the problem so we change te component that NavPills uses. We tested the react-swipeable-views component alone in a code sandbox a we didn't find any problem scrolling. We now use react-swipe inside NavPills. Regards, |
@scblason Hey, can you give me a code example of you using react-swipe instead of SwipableViews ? Can't really find a solution.. |
Expected Behavior
The expected behavior is that when we try to scroll with the wheel mouse or the keyboard arrows, the displacement function works correctly.
Current Behavior
When we try to scroll when the mouse pointer is on the NavPills component, it doesn't work.
Failure Information (for bugs)
The bug is on your page too, on the card "Nav Pills":
https://demos.creative-tim.com/material-dashboard-pro-react/?_ga=2.93843099.768424100.1540922259-1634820716.1533926808#/components/panels
The text was updated successfully, but these errors were encountered: