After iOS 14 introduced the new calendar view, there is a weird behaviour in wkwevbiew: If you click a datetime input field while the keyboard is shown, then the entire web page will be pushed up even after you closed the calendar view.
Step to reproduce:
Creating a webpage that has a text input field and a datetime picker input, and the content height is less than your screen height so the page should not scroll vertically in normal.
Add a wkwebview in you iOS app, and load that webpage.
Click the first text field, which should bring up the keyboard (make sure to show the full keyboard if you are using a simulator). After the keyboard is displayed, the page should be able to scroll vertically (which is expected since the whole page is pushed up by keyboard).
If you simply dismiss the keyboard by clicking the Done button, then the page should return to normal (not scrollable, same as step 3).
But if you keep the keyboard opened, then click the date time picker field (the field below the text field), you should see the calendar view and the keyboard is dismissed.
Click OK to dismiss the calendar view, you will then find that the content of the page is pushed up and is now scrollable.
The demo can be found here:
https://github.com/Noisyfox/ios14-webview-datepicker-issue
Here is a gif:
Is there a workaround for this issue?
Related
i'm using react-native-keyboard-aware-scroll-view for form, it is working but getting one issue..
scroll down to the last input and entered the text
scroll up to the top of the screen and clicked on dropdown
Actual Behavior
keyboard dismissed and it is scrolling to last unfocused text input box
it happens only when clicked on out of the text input box or any input like dropdown
or check button
Expected Behavior
need to dissmiss keyboard and not scroll to last unfocused text input
This is my code
<KeyboardAwareScrollView
extraScrollHeight={120}
contentContainerStyle={{flexGrow:1}}
keyboardShouldPersistTaps={'handled'}
keyboardOpeningTime={0}
bounces={false}
bouncesZoom={false}
enableResetScrollToCoords={true}
alwaysBounceVertical={false}
contentInsetAdjustmentBehavior="automatic"
>
packages
react-native:0.64
react-native-keyboard-aware-scroll-view: "^0.9.4"
My layout
In my layout, there are multiple EditTexts, when I click on the one of EditTexts, the keyboard pop up, that is ok.
Problem
Then, I click on another EditText, I would like the keyboard stays, rather than disappear and appear again.
I have a dialog box that appears and while closing keyboard with hideKeyboard(); all the form is closed and i get back to the home page so that i can't continue the scenario for filling other data.
Here the screen :
Just use UIScrollView in your dialog box, and set scroll view class TPKAScrollViewController. Download class
You can fill up the fields first using driver.sendkey() then tap on keyboard next button to switch the driver to the next field untill the last field. in last field you will get done button then you can tap on that button.
The default "strategy" of hideKeyboard(); is to tap outside the keyboard, but this can be changed to pressing a key on the keyboard instead.
See the java-client documentation (assuming you're using java-client?) for available hideKeyboard strategies: http://appium.github.io/java-client/io/appium/java_client/ios/IOSDeviceActionShortcuts.html
If your app's keyboard has for example a "Next" button to close the keyboard with, then you could use: driver.hideKeyboard("Next");
I am working on a ToDo list app wherein I keep the focus on the textbox input after the user adds a ToDo item.
Now, the problem is, when the user adds some text input and hits the add button, the focus on the textbox is lost so the keyboard disappears and then the focus gets back to the textbox. So, the keyboard disappears and appears again in a short interval. As you can imagine, this is bad UX.
How do I set the keyboard to be shown explicitly when the focus is on the input button?
I fixed it by setting the focus onto the textbox first when I click the add button then do the actual adding stuff.
I'm a newbe for Blackberry and finding it quite difficult, I'm working on the TabControl example. I have changed the tabs to scroll. Now when i scroll through tabs the focus changes and as soon as the focus shifts to the other tab, the data for that tab appears.
I want to make these tabs clickable only, though they shall scroll but should change only on click.
And also when i use UIApplication.getApplication.pushScreen(someScreen) in the tabs, this someScreen appears out of the tabs, whereas i want to show this screen below the tabs only.
please help
You have to override onFocus(int) to not do anything when focus is moved. (You may or may not have to override touchEvent to handle an actual CLICK event).
You can push a screen into tabs that is not part of the tabs already. If you want something new to appear, try switching managers within the screen instead.