View not resizing on iOS #35

CharlieIGG · 2018-07-27T17:30:30Z

Hi!

For some reason the view is not resizing on iOS for me.

I installed cordova-plugin-ionic-keyboard and I already have cordova-plugin-ionic-webview in my plugins.

I of course have the following in my config.xml:

    <preference name="KeyboardResizeMode" value="ionic" />
    <preference name="KeyboardResize" value="true" />

I also tried using native as the value for KeyboardResizeMode, all to no avail.

Any tips?

EDIT - funnily though I have another ionic project with the same config (AFAIK) and there resizing does work.

The text was updated successfully, but these errors were encountered:

Alex0x47 · 2018-08-01T20:14:10Z

Same issue here. Did you find what was causing this ?

radulescuandrew · 2018-08-02T10:03:15Z

+1 ... persistent issue

CharlieIGG · 2018-08-03T23:16:40Z

So I keep getting this issue on and off. Today I got it again, and I was able to get this working by downgrading to an older version. I was using 2.1.5 IIRC, and forcing it to install 2.0.5 seems to have fixed this for me.

If you try this out, could you please validate whether it works for you @Alex0x47 @radulescuandrew ?

Alex0x47 · 2018-08-04T07:02:07Z

Hi,

I found an other solution. I uninstalled this plugin, and added the other (deprecated ?) keyboard plugin (https://ionicframework.com/docs/native/keyboard/). Then added a few lines in app.modules.ts.
So :

cordova plugin rm cordova-plugin-ionic-keyboard
ionic cordova plugin add ionic-plugin-keyboard && npm install --save @ionic-native/native-keyboard

In app.module.ts :

imports: [
		[...]
		IonicModule.forRoot(MyApp, {
			platforms: {
				ios: {
					scrollPadding: false,
					scrollAssist: false
				}
			}[...]
		}),
		[...]
	]

This is not a real solution, but I don't have time for this kind of bug.

supryan · 2018-09-21T03:49:40Z

+1 not resizing with <preference name="KeyboardResizeMode" value="ionic" />

mlynch · 2018-09-21T03:58:15Z

Thanks all for the info. We have a PR for a related bug and will try to get this one fixed as well

mlynch · 2018-09-21T16:36:00Z

Okay all, I need a little more information here because there's interplay between keyboard, webview, and ionic framework.

What versions of each are you all using?

Any repro case we can take a look at?

Stefano1964 · 2018-09-22T13:28:16Z

I use:
cordova-plugin-ionic-webview 2.1.4
cordova-plugin-ionic-keyboard latest and 2.0.5

<preference name="KeyboardResize" value="true" />
<preference name="KeyboardResizeMode" value="native" />

no way the webview is not resizing, the keyboard overlay content
Maybe it's related with this:
ionic-team/cordova-plugin-ionic-webview#176

mlynch · 2018-09-22T13:50:38Z

What version of Ionic?

Stefano1964 · 2018-09-22T13:56:39Z

I dont use Ionic in this app

Alex0x47 · 2018-09-22T14:49:20Z

global packages:
cordova (Cordova CLI) : 8.0.0

local packages:
@ionic/app-scripts : 3.1.8
Cordova Platforms : android 7.0.0 ios 4.5.5
Ionic Framework : ionic-angular 3.9.2

cordova-plugin-ionic-webview 2.0.2 "cordova-plugin-ionic-webview"
ionic-plugin-keyboard 2.2.1 "Keyboard"

I hope it will help.

supryan · 2018-10-02T15:38:54Z

Ionic:
ionic (Ionic CLI): 4.1.2
Ionic Framework: ionic-angular 3.9.2
@ionic/app-scripts : 3.2.0

Cordova:
cordova (Cordova CLI): 8.1.1 ([email protected])
Cordova Platforms: ios 4.5.5
Cordova Plugins: cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 2.1.4

System:
ios-deploy : 1.9.2
ios-sim: 5.0.3
NodeJS: v9.10.0
npm: 5.6.0
OS : macOS
Xcode: Xcode 10.0 Build version 10A255

cokeeffekt · 2018-10-04T08:58:37Z

Another to the list,
No Ionic, Cordova 8.1.1, ios platform 4.5.5. UIWebView

Tried with WKWebView, although it seems to be working... ish, there are other issues there.

been banging my head against a wall for the last few hours.
i assume same issue here.

cjpearson#77

seems to only be recent builds, i assume ios 12 sdk?

cokeeffekt · 2018-10-04T11:15:09Z

I don't know obj-c but i beat it with a rock until i got something that fixes it, at-least in my use case. hope this helps

https://gist.github.com/cokeeffekt/08e43798890ccde032b76ab7c105adcf

mlynch · 2018-10-04T14:32:53Z

Just as a heads up, we don't support this plugin if you don't use Ionic. The reason is because Ionic Framework also has logic for keyboard interaction that you don't get without it. I'm not trying to force you to use Ionic but it's not as simple as just using this plugin. They both work together to achieve proper keyboard operation.

CharlieIGG · 2018-10-05T23:37:16Z

So the above workaround of downgrading to 2.0.5 seems to have broken when using iOS 12. I know your post isn't probably directed to me @mlynch but I am indeed using Ionic.

CharlieIGG · 2018-10-08T18:58:52Z

@mlynch

"cordova-plugin-ionic-webview": "^1.2.1",
"ionic-angular": "3.9.2",
"cordova-plugin-ionic-keyboard": "2.1.5",

And since of iOS 12 also with

"cordova-plugin-ionic-keyboard": "2.0.5", which formerly used to work fine.

IonicProSupport · 2018-10-12T14:21:58Z

Hi team - I'm working with a community member who is having this issue. So far they're only seeing this behavior on devices running ios 12, and have been unable to reproduce on an emulator.

supryan · 2018-10-19T16:47:40Z

noveweb · 2019-02-06T22:34:25Z

+1
Any solution?

samuelfaj · 2019-03-17T06:08:08Z

2019 and still is a problem...

dashko · 2019-03-25T09:39:42Z

Indeed, fighting this for a day already. No solution yet.

ndriJK · 2019-04-10T01:21:12Z

Downgrading has @Alex0x47 suggested is the only solution which worked for me

BigBerny · 2019-04-10T03:01:34Z

That's a pity. Any news from the Ionic team? I already spent way too much time on this...

BigBerny · 2019-04-19T17:32:10Z

I tried @Alex0x47 solution but I get the following errors:

npm WARN @ionic-native/[email protected] requires a peer of rxjs@^6.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN @ionic-native/[email protected] requires a peer of @ionic-native/core@^5.1.0 but none is installed. You must install peer dependencies yourself.

What can I do?

jcesarmobile · 2019-08-21T17:24:35Z

@CharlieIGG can you provide a sample app where the issue can be reproduced? I couldn't reproduce on a new Ionic 4 app.

For the rest of people commenting, specially to those not using ionic, <preference name="KeyboardResizeMode" value="ionic" /> only works on Ionic apps, so if you are using that preference it won't work in your apps.
If you are not using that preference, then it's a different issue, report it in a new issue, and please, provide a sample app where it can be reproduced.

yaozuwang · 2019-09-15T03:54:05Z

"@ionic-native/keyboard": "^4.20.0",
"cordova-plugin-ionic-keyboard": "^2.2.0",
"cordova-plugin-ionic-webview": "^4.1.1",

View not getting resized, can we get a fix? Our app depends on this feature to work because we have a textarea in ion-footer the content is not getting pushed up like it's suppose to be.

gdarcan · 2020-02-04T09:52:07Z

Strongly recommending that, I use below (viewport-fit is the issue, ignore my other settings like width height etc, or use as is)

<meta name="viewport" content="minimal-ui, user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=320, height=device-height, viewport-fit=cover">

together with these, I also use cordova-plugin-statusbar and cordova-plugin-navigationbar-color for Android and cordova-plugin-webviewcolor for iOS, then I can set colors for top and bottom for both platforms (even transparent for ios and plugin also sets keyboard hue on iOS)

CharlieIGG · 2020-02-04T10:35:09Z

@jcesarmobile sadly I missed your request and I'm just seeing this from a notification I got on the last comment.

I no longer have access to the repo where I had this problem. Where I left we had to lock-on to the older version.

I'm really hoping to never having to deal with Cordova ever again, plus I have nothing else I can contribute here, so I'm unsubscribing form this thread.

I'm hesitant to close the issue, given that it also seems to affect other people and no definitive solution has been given, but feel free to close it if it matches your house-keeping criteria @jcesarmobile

irafayabdul · 2020-06-13T06:57:52Z

+1
Hi,
Since the issue still persist , i also faced a similar kind of issue .i will put it out here if it helps.

Resize keyboard is not working for IOS 13 (13.2 specially) i have tried with v 2.2.0 and 2.1.3 both.
I have been using this plugin (v 2.1.3),but ever since IOS 13 is released its keyboard resize feature for IOS 13 is not working. I have tested on multiple devices , with both IOS 12.4 and 13.2, it works fine with 12.4 but breaks for 13.2 on the same device and keyboard covers the area of screen equals to its height. all fields and functions behind it are not accessible unless keyboard is closed.

markenapps · 2020-07-27T07:27:10Z

same here

MarcosBeGo · 2020-09-01T18:09:09Z

Same issue here. At first it only pushed up the footer, which is useless in my case.

jcesarmobile added the needs reply label Aug 21, 2019

MaKleSoft mentioned this issue Aug 7, 2022

Improve fullscreen notes on iOS padloc/padloc#534

Merged

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

View not resizing on iOS #35

View not resizing on iOS #35

CharlieIGG commented Jul 27, 2018 •

edited

Loading

Alex0x47 commented Aug 1, 2018

radulescuandrew commented Aug 2, 2018

CharlieIGG commented Aug 3, 2018

Alex0x47 commented Aug 4, 2018

supryan commented Sep 21, 2018

mlynch commented Sep 21, 2018

mlynch commented Sep 21, 2018

Stefano1964 commented Sep 22, 2018 •

edited

Loading

mlynch commented Sep 22, 2018

Stefano1964 commented Sep 22, 2018 •

edited

Loading

Alex0x47 commented Sep 22, 2018

supryan commented Oct 2, 2018 •

edited

Loading

cokeeffekt commented Oct 4, 2018

cokeeffekt commented Oct 4, 2018 •

edited

Loading

mlynch commented Oct 4, 2018

CharlieIGG commented Oct 5, 2018

CharlieIGG commented Oct 8, 2018

IonicProSupport commented Oct 12, 2018

supryan commented Oct 19, 2018

noveweb commented Feb 6, 2019

samuelfaj commented Mar 17, 2019

dashko commented Mar 25, 2019

ndriJK commented Apr 10, 2019

BigBerny commented Apr 10, 2019

BigBerny commented Apr 19, 2019

jcesarmobile commented Aug 21, 2019

yaozuwang commented Sep 15, 2019

gdarcan commented Feb 4, 2020 •

edited

Loading

CharlieIGG commented Feb 4, 2020

irafayabdul commented Jun 13, 2020 •

edited

Loading

markenapps commented Jul 27, 2020

MarcosBeGo commented Sep 1, 2020

View not resizing on iOS #35

View not resizing on iOS #35

Comments

CharlieIGG commented Jul 27, 2018 • edited Loading

Alex0x47 commented Aug 1, 2018

radulescuandrew commented Aug 2, 2018

CharlieIGG commented Aug 3, 2018

Alex0x47 commented Aug 4, 2018

supryan commented Sep 21, 2018

mlynch commented Sep 21, 2018

mlynch commented Sep 21, 2018

Stefano1964 commented Sep 22, 2018 • edited Loading

mlynch commented Sep 22, 2018

Stefano1964 commented Sep 22, 2018 • edited Loading

Alex0x47 commented Sep 22, 2018

supryan commented Oct 2, 2018 • edited Loading

cokeeffekt commented Oct 4, 2018

cokeeffekt commented Oct 4, 2018 • edited Loading

mlynch commented Oct 4, 2018

CharlieIGG commented Oct 5, 2018

CharlieIGG commented Oct 8, 2018

IonicProSupport commented Oct 12, 2018

supryan commented Oct 19, 2018

noveweb commented Feb 6, 2019

samuelfaj commented Mar 17, 2019

dashko commented Mar 25, 2019

ndriJK commented Apr 10, 2019

BigBerny commented Apr 10, 2019

BigBerny commented Apr 19, 2019

jcesarmobile commented Aug 21, 2019

yaozuwang commented Sep 15, 2019

gdarcan commented Feb 4, 2020 • edited Loading

CharlieIGG commented Feb 4, 2020

irafayabdul commented Jun 13, 2020 • edited Loading

markenapps commented Jul 27, 2020

MarcosBeGo commented Sep 1, 2020

CharlieIGG commented Jul 27, 2018 •

edited

Loading

Stefano1964 commented Sep 22, 2018 •

edited

Loading

Stefano1964 commented Sep 22, 2018 •

edited

Loading

supryan commented Oct 2, 2018 •

edited

Loading

cokeeffekt commented Oct 4, 2018 •

edited

Loading

gdarcan commented Feb 4, 2020 •

edited

Loading

irafayabdul commented Jun 13, 2020 •

edited

Loading