Skip to content
This repository has been archived by the owner on Jan 9, 2023. It is now read-only.

Scroll to top for bottom TextField not working. #50

Closed
vishal-iosdeveloper opened this issue Aug 22, 2018 · 12 comments
Closed

Scroll to top for bottom TextField not working. #50

vishal-iosdeveloper opened this issue Aug 22, 2018 · 12 comments
Labels
platform: ios support

Comments

@vishal-iosdeveloper
Copy link

Hi,
I had tried this plugin for one of my Project.
It is working well but one of issue that I am getting is when my Input element is at bottom, My page isn't scroll it up.
Anybody with same issue?
It'll be great if I can any have solution or help of it.
@janpio janpio added the support label Aug 22, 2018
@janpio
Copy link
Member

janpio commented Aug 22, 2018

What platform?
What version of the plugin and Cordova CLI and Cordova platform are you using?
What is the code to reproduce this?

@vishal-iosdeveloper
Copy link
Author

vishal-iosdeveloper commented Aug 22, 2018 •
edited by janpio

Platform : iOS

Here is a version detail :
<plugin name="cordova-plugin-wkwebview-engine" spec="^1.1.4" />

Cordova CLI version :
8.0.0

regarding reproduce :
There isn't any code for it. I just installed plugin in my project. If i tap on bottom Input type, Content size is appropriately increased but my page isn't scrolled up properly. My input is still under keyboard.

@janpio
Copy link
Member

janpio commented Aug 22, 2018

Cordova CLI version : 8.0.0

You are missing the version of cordova-ios and the plugin.

There isn't any code for it.

Well, there has to be a way to create a super simple index.html one can throw into a new Cordova project to reproduce your project, right? If not, it's a problem with your project and not the plugin ;)

@vishal-iosdeveloper
Copy link
Author

Okay.
As you asked about code for reproduce it,
So, I updated about it.
Will try this plugin with fresh new project & update you.
Thanks !

@janpio
Copy link
Member

janpio commented Aug 22, 2018

(I added ` around the code in your previous comment so the XML is actually visible)

@WuglyakBolgoink
Copy link

@Vishaliphone is it work correct without plugin?

@vishal-iosdeveloper
Copy link
Author

Without plugin,
Input fields are going on top properly,
But my fixed headers are scrolling throughout.
So I moved here.

@sadikyalcin
Copy link

I just replicated this too. The view does not auto scroll to the focused element. I had come across similar behaviour on android which will demonstrate what we mean. Sorry but I do not have the time to create you a test project.

https://stackoverflow.com/questions/52718697/android-keyboard-covering-and-moving-input-elements-off-screen

<html lang="en">
<head>
<style>
  html,
  body {
    height: 100%;
    position: relative;
  }

  input {
    position: absolute;
    bottom: 50px;
  }
</style>
</head>
<body>
  <div>
    <input type="text" placeholder="Test"></input>
  </div>
</body>
</html>

@Yuripetusko
Copy link

same problem here, and it looks like it is only happening if building project with latest xcode, as previous builds with exactly same plugins and cordova and cordova-ios versions are fine

@burtontanner
Copy link

Same here in 2020.

@burtontanner
Copy link

removing cordova-plugin-keyboard solved my issue.

@jcesarmobile
Copy link
Member

We are archiving this repository following Apache Cordova's Deprecation Policy. We will not continue to work on this repository. Therefore all issues and pull requests are being closed. Thanks for your contribution.

@jcesarmobile jcesarmobile closed this as not planned Won't fix, can't repro, duplicate, stale Jan 8, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees
No one assigned
Labels
platform: ios support
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
7 participants
@janpio @Yuripetusko @jcesarmobile @WuglyakBolgoink @vishal-iosdeveloper @sadikyalcin @burtontanner