react-swipeable-views icon indicating copy to clipboard operation
react-swipeable-views copied to clipboard

Axis=y broken with line-height: 1.15 and font-family: sans-serif

Open malash opened this issue 6 years ago • 1 comments

  • [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)

  1. Use Safari on iOS (10 or 11) or Chrome on MacOS (10.13.3)
  2. Open https://codesandbox.io/s/o7kkqvnzxy
  3. 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

malash avatar Mar 21 '18 12:03 malash

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

malash avatar Mar 21 '18 12:03 malash