Flutter web done button has container at top of keyboard - ios

I had an app that use flutter for web. every i focus on textfield and pressed the button 'done' at top keyboard of phone it will be close the keyboard but when i focused again on textfield , there was a white container at the top of keyboard. how to remove that container?
here some picture that i screenshot.
i really appreciate who help this issue. i know this relate issue has been found by other person. but i just need to hide this white container.

I had the same issue.
I resolved it by upgrading Flutter to version 3.0.0 (using command flutter upgrade).

Related

What is the best way for the user to close numerical keyboard in iOS in Flutter app?

I am working on a Flutter app. A problem I encountered is that there is no default "Done"- or "Close" button for the numerical keyboard on iOS.
I made an ok solution where the user can close the keyboard by tapping outside the keyboard or swiping downwards. But the ideal solution would be to have a "Done" button in the bottom right corner of the keyboard like Android does right?
I tried the following package keyboard_actions. But it was very buggy in my app. When the keyboard appeared it pushed up the text in the text field.
Why didn't Apple add a default "Done" button for the numerical keyboard? How do you solve this in the simplest and best way?
Thanks!

IOS native keyboard pushing entire webview up - cordova app

I am developing an app (IOS platform) using HTML5, CSS3, angular and cordova(3.8) and stuck with an major issue.
I have a page with footer having three buttons. On click of each button a modal comes up from the bottom. Modal position is set to fixed and inside it as scroll-able container. scroll-able container contains a text area where user can input some text.
Whenever the modal comes up, text area is focused so that keyboard comes up by default. The issue is whenever native keyboard comes up webview is pushed up and entire modal gets scrolled.
I saw same issues been posted by others and I tried few solutions mentioned in reply for those questions like using ionic keyboard plugin, setting scrollTop to 0 on textarea focus. But nothing worked out.
In config.xml, I have set DisallowOverscroll to true.
It would be great helpful if someone help me with this issue ?

Why a new white area pops up whenever I click on EditText in AVD?

I am developing android applications using Eclipse and I use an AVD to run it. From today whenever I click on any EditText in my app a white area pops up from under the screen with 'CAPS' and 'ALT' in it, and an icon appears at the notification bar.
I don't know why this happens and I don't did any thing to occur like this in my memory. After the appearance of this, am not able to clear characters using Backspace key sometimes(otherwise possible), which was previously possible. To delete a character or word I had to select it by dragging mouse over it and then typing new characters. How this problem can be solved ?
UPDATE :
Also I noted that this particular issue is happening only when I click on an EditText using mouse. If I use Tab key to move to next EditText from other this issue is not happening.

BlackBerry issue with Textfields in OS6

I'm developing a BlackBerry app and using J2ME Polish to do the styling. So, I'm using TextFields with styling from Polish to get user input.
The TextFields work fine in OS versions other than 6. But when testing on devices running OS 6, the Textfields break.
Basically in other versions of the OS, when focus is on a TextField then the left and right buttons move the cursor around in the TextField and up and down moves focus to the next/previous item. However, in OS6 up and down instead navigate to the beginning and end of the TextField respectively and focus gets stuck so I'm not able to move focus to the next item.
As a workaround I tried to capture the down button using handleKeyReleased, but when focus is on the TextField the down button isn't even being captured.
Does anyone know of any other way to solve this?
Issue resolved by explicitly using the BlackBerry JDE version 6 to build the app.

Cordova app in ios13 device behaves weird with click or swipe actions

I have a cordova app. I have written some custom code in file for swipe actions using touch events, mouse events which will identify the touchmove and swipe. I have a hamburger menu at the top left corner of my app. On clicking this will open a side panel with some animation. on opening the app in latest ios 13, first time click anywhere on the screen is having MouseEvent with x,y,screenX,screenY,pathX,pathY values as 0. this triggers the hamburger menu which is at the top left corner of app and opens the side panel.
Why is the first time click event on screen returns x,y values as 0?
This issue doesn't occur in Android device or iOS <= 12.0 version. Only observed in iOS 13.
On removing my code specific to touch, swipe events. Then this issue is not replicable.
I have another observation. As ios13 supports the pointer events, I have just tried to add code related to pointerEvent
document.addEventListener('pointerdown', function() {
console.log('pointerdown event');
})
This worked for me without removing any code related swipe.
Why there is such difference in the behaviour with the code.
Thanks in advance.
Thank you for your description, we also effected by this issue. Sometimes we experience "ghost" clicks on previous clicked place in our cordova app.
Only happens with iOS13, with both UIWebView and WKWebView.
Seems pointerdown eventlistener is a workaround for this.

Resources