react-swipeable-views
react-swipeable-views copied to clipboard
Axis=y broken with line-height: 1.15 and font-family: sans-serif
- [x] I have searched the issues of this repository and believe that this is not a duplicate.
Axis=y
broken with line-height: 1.15
and font-family: sans-serif
.
Expected Behavior
Scroll like example Axis.
Current Behavior
Can not scroll to the second slide on iOS and MacOS (Chrome dev tool).
Steps to Reproduce (for bugs)
- Use Safari on iOS (10 or 11) or Chrome on MacOS (10.13.3)
- Open https://codesandbox.io/s/o7kkqvnzxy
- Scroll and watch
Context
It's a special bad case I meet when using normalize.css and Sans-serif font.
Your Environment
Tech | Version |
---|---|
react-swipeable-views | 0.12.13 |
React | 16.2.0 |
platform | iOS and MacOS (Chrome dev tool) |
etc |
BTW. I found a hack way to solve this problem. I don't know why but it works for me. https://codesandbox.io/s/3187wxkkrm