cordova-plugin-wkwebview-engine
cordova-plugin-wkwebview-engine copied to clipboard
Scroll to top for bottom TextField not working.
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.
What platform? What version of the plugin and Cordova CLI and Cordova platform are you using? What is the code to reproduce this?
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.
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 ;)
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 !
(I added ` around the code in your previous comment so the XML is actually visible)
@Vishaliphone is it work correct without plugin?
Without plugin, Input fields are going on top properly, But my fixed headers are scrolling throughout. So I moved here.
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>
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
Same here in 2020.
removing cordova-plugin-keyboard solved my issue.
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.