Incorrect Scrolling on iOS 11

Question

Incorrect Scrolling on iOS 11

uddinr opened this issue 7 years ago · 27 comments

on ios 11 the scrolling for the attached example is incorrect, the navigation bar ends up off the top of the screen, once the keyboard is dismissed a big gap is left at the top of the screen between the image view and the navigation controller

i am using IQKeyboardManagerSwift 4.0.13 installed via cocoapods

Storyboard View

Initial View

Keyboard Shown

Keyboard Dismissed

Answer 1 · 2017-09-20T15:44:04.000Z

Having a very similar issue. Hopefully they can implement a fix quickly.

Answer 2 · 2017-09-20T17:55:32.000Z

I have this issue too.

Answer 3 · 2017-09-20T18:56:16.000Z

Having the same problem

Answer 4 · 2017-09-21T00:54:30.000Z

Having the same problem

Answer 5 · 2017-09-21T03:19:10.000Z

The latest version will have the same problem

Answer 6 · 2017-09-21T05:51:10.000Z

Having the same problem

Answer 7 · 2017-09-21T06:48:36.000Z

same problem

Answer 8 · 2017-09-21T07:53:49.000Z

I'm having the same problem too.

Answer 9 · 2017-09-21T11:31:41.000Z

Short Answer

Potential workaround/short term fix I have come across is to use IQKeyboardManager instead of IQKeyboardManagerSwift and then essentially embed everything inside a UIScrollView.

Detailed Answer

Note: This fix doesn't seem to work with IQKeyboardManagerSwift, only with IQKeyboardManager, but as far as I'm aware IQKeyboardManager should still work in Swift projects.

You need to embed everything in your view inside both a UIView and then this within a UIScrollView.

So currently your view hierarchy may look like this.

-- Outermost UIView
----- Element inside view
----- Element inside view
----- Element inside view
----- etc.

You want to change this to be:

-- Outermost UIView
----- UIScrollView
--------- Inner UIView
------------ Element inside view
------------ Element inside view
------------ Element inside view
------------ etc.

Although this is now all within a UIScrollView, if your contents are not greater in size than the screen size it should not be scrollable so the end user won't see any noticeable difference.

For a more detailed look at how best to set up this UIScrollView hierarchy take a look here. This is how I have my hierarchy setup and it seems to be working.

Hopefully this works for some others! Let me know.

Answer 10 · 2017-09-21T19:59:51.000Z

@uddinr can you please share demo project with us. I would like to know why this is happening with swift version and why it's not with objc version.

Answer 11 · 2017-09-21T20:00:28.000Z

Thanks @kierobinson1 for detailed explanation, but if this is a bug then we should fix it.

Answer 12 · 2017-09-21T20:53:35.000Z

@hackiftekhar example project attached, issue occurs on ios 11 in simulator seems fine on ios 10 simulator

ScrollingIssue.zip

Answer 13 · 2017-09-22T05:57:53.000Z

THANks for the demo @uddinr, I’ll look at this in weekend.

Answer 14 · 2017-09-22T06:25:10.000Z

I am having the scrolling issue, also.

Answer 15 · 2017-09-22T15:51:38.000Z

I found two issues

You are using UIScrollView, so if you do so then make sure to add constraints which can tell scrollView contentSize.
I'm seeing a new thing called Safe Area and I'm not aware about how we'll deal with this. This might take time for me to understand working of Safe Area.

Answer 16 · 2017-09-22T16:01:30.000Z

even if i remove the UIScrollView and use a UIView the same issue exists

Answer 17 · 2017-09-22T16:14:33.000Z

That's why I put second comment related to Safe Area

Answer 18 · 2017-09-25T01:37:02.000Z

@kierobinson1 - your solution worked for me. Having so many view layers will probably not be everyone's favourite, but as a workaround it's good enough for now - it makes things work how they're supposed to :)

Answer 19 · 2017-09-25T07:28:43.000Z

@aurora14 Yeah, it was just meant to be a workaround for the mean time until @hackiftekhar can get a fix out.

Answer 20 · 2017-09-28T06:24:30.000Z

i am using tableview and face this problem

Answer 21 · 2017-10-02T12:19:24.000Z

any update on this issue? i am currently using IQKeyboardManagerSwift 4.0.13 and the issue persists

Answer 22 · 2017-10-02T12:21:24.000Z

I wrapped the screen with UIScrollView and pod works fine.

Answer 23 · 2017-10-02T12:45:08.000Z

i understand that it works by embedding all controls within a scrollview but i think doing that defeats the purpose of using this library i think it should be fixed to work the same way as iOS 10 i will await for any fixes for now

Answer 24 · 2017-10-02T15:17:40.000Z

You are absolutely correct @uddinr. ScrollView shouldn't be require to fix this problem (but for now a workaround). There are too many layout related API's are changed with iOS11.

Technically iOS11 following too many layout guides and layout margins which affect most of the library logic. Fixing those issues are taking time because I need to properly understand how new iOS11 layouts are related to each other and how they affect position of contents.

Answer 25 · 2017-10-26T15:23:11.000Z

@uddinr the demo does not work...😢

Answer 26 · 2018-01-28T09:47:36.000Z

it still dosent work in 2018 !!!

Answer 27 · 2018-03-14T13:40:51.000Z

It's fixed with new solution, changes are in master branch now.