cordova-plugin-wkwebview-engine icon indicating copy to clipboard operation
cordova-plugin-wkwebview-engine copied to clipboard

Scroll to top for bottom TextField not working.

Open vishal-iosdeveloper opened this issue 7 years ago • 11 comments

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.

vishal-iosdeveloper avatar Aug 22 '18 11:08 vishal-iosdeveloper

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

janpio avatar Aug 22 '18 11:08 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.

vishal-iosdeveloper avatar Aug 22 '18 12:08 vishal-iosdeveloper

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 ;)

janpio avatar Aug 22 '18 12:08 janpio

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 !

vishal-iosdeveloper avatar Aug 22 '18 12:08 vishal-iosdeveloper

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

janpio avatar Aug 22 '18 13:08 janpio

@Vishaliphone is it work correct without plugin?

WuglyakBolgoink avatar Aug 24 '18 08:08 WuglyakBolgoink

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

vishal-iosdeveloper avatar Aug 24 '18 10:08 vishal-iosdeveloper

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>

sadikyalcin avatar Nov 06 '18 10:11 sadikyalcin

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

Yuripetusko avatar Dec 03 '18 16:12 Yuripetusko

Same here in 2020.

burtontanner avatar Feb 07 '20 02:02 burtontanner

removing cordova-plugin-keyboard solved my issue.

burtontanner avatar Feb 07 '20 16:02 burtontanner

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 avatar Jan 08 '23 23:01 jcesarmobile