I am testing my app on HTC One M8 running Android version 5.0.2. When an input field in the app loses focus, a white background is shown after the keyboard closes.
My background image is set on .scroll-content, so I don't understand why it acts like this on Android.
Check your ionic pane colour and view colour. You have different background colour so in the keyboard adjust pane mode the view gets resized (height-keyboard height) so when the keyboard goes off it shows the ionic-pane colour. So override the '.pane' background colour and see will it make any difference.
keyboard adjustment will work only if '.scroll-content' is present. By default ionic-content will enable this
The issue is that when we open a keyboard in our current application the app gets resized to the area that is left after opening the keyboard and the Cordova webview is too slow in resizing the app back to its normal size after the user closes the keyboard. There is no proper solution to this problem.
The most elegant working workaround for is to stop resizing the application on keyboard open. The keyboard will just slide up and down on the form as an overlay and there will be no resizing required.
In AndroidManifest.xml file try to set windowSoftInputMode attribute to adjustNothing:
android:windowSoftInputMode="adjustPan"
This is not a solution and can be considered as an option for small forms but it is not suitable for big forms.
Related
I'm implementing a screenshotting app that captures a portion of the screen. I'm currently:
listening for a keyboard shortcut
drawing a transparent view on top of the entire screen
having the user click and drag to select an area inside of that view
screenshotting the coordinates inside of that bounding area.
Here's an example of what it looks like (the transparent view is tinted blue):
This works, but it causes the mouse to stop focusing on whatever it was previously focusing on. In other words, if I'm hovering over a tooltip and I hit the screenshot shortcut, the tooltip vanishes before I have a chance to screenshot it.
It looks like macOS's own screenshot command does not have this problem. If I hover over a date in StackOverflow in order to see the time tooltip, I can press Cmd+Shift+4 and screenshot it pretty easily:
If I try and do the same thing with my own code, the tooltip vanishes after I render my transparent view, even if I haven't moved my mouse.
Is Apple doing something specific to maintain the focus state of the mouse that I could be doing? Alternatively, should I somehow take advantage of Apple's own screenshotting flow myself inside of this app? If it helps, I'm currently using CGWindowListCreateImage to actually take the screenshot.
After upgrading flutter I noticed that I have a strange looking white band under my keyboard.
I have no idea how that came to be and how to get rid of it.
My app works in fullscreen mode which might have something to do with it.
From SystemChrome.setEnabledSystemUIMode documentation:
The settings here can be overridden by the platform when System UI
becomes necessary for functionality.
For example, on Android, when the keyboard becomes visible, it will
enable the navigation bar and status bar system UI overlays. When the
keyboard is closed, Android will not restore the previous UI
visibility settings, and the UI visibility cannot be changed until 1
second after the keyboard is closed to prevent malware locking users
from navigation buttons.
You can hover over in your code and read more, but apparently it is for safety issues regarding malware lockouts.
As to why it appears white, I think it's a bug. I managed to get it working only while using manual like this, and assigning either bottom or top:
SystemChrome.setEnabledSystemUIMode(SystemUiMode.manual, overlays: [SystemUiOverlay.bottom]);
This for example while using bottom, will keep the upper status bar hidden, but shows the navigation keys. If the keyboard is needed, it appears normally, and not as a white issue. If you don't need the status bar, but you're okay with the bottom, use the SystemUiOverlay.bottom perhaps, until it's fixed.
Notice the hidden status bar on top.
I have a popup box and once you click it so you can type in it. The background of the keyboard in animation turns gray and it doesn't look nice on the way up.
https://gyazo.com/1fefbbd18647217b2ac70d7adee24c89
This is how it looks before:
https://gyazo.com/27b9d50e213b3e5bd42534def538c36e
And this is how it looks on the way up.
Do you have any ideas why it would do this? (The popup box is just a showDialog)
Have you tried to run your app on a real device to see what happens ? Sometimes that could be just an emulator miss display
I am working on an app for iOS Platform. i have a Input Field available in the new UI System , but every time the White Classic keyboard comes out to take input. I want to display the keyboard with a black semi-transparent background. Can anyone help me out with this?
I tried
TouchScreenKeyboard.Open("", TouchScreenKeyboardType.Default, false, false, true, true); T
his opens the black semi-transparent background keyboard but when i hit the input field again then the classic white keyboard comes.
I want the black semi-transparent background keyboard as my default keyboard.
Thank You for helping.
Finally i got the answer to my own question.
Open your project in Xcode.
Open the Classes Folder.
Inside it open the UI Folder.
Inside it open the file Keyboard.mm
Classes>UI Folder>Keyboard.mm
[we can see the UIKeyboardAppearance selection]
http://i.stack.imgur.com/yKr7n.png
In here we can see two type of keyboards
1.UIKeyboardAppearanceDefault
2.UIKeyboardAppearanceAlert
and below there is a line that decides which type of keyboard should appear
keyboardAppearances[alert ? 1 : 0],
Just change the order of the keyboard appearance according to your convenience
This is a cheap solution.
Actually you should change the value of the alert bool from wherever this method is being called
[see the UnityKeyboard_Show Method]
http://i.stack.imgur.com/kJNL6.png
I've been struggling with this for several days. I have a very simple page in my mobile app with a textarea input and when I click on it the soft keyboard appears and scrolls the header of my page out of view. Is there a way to prevent this default scrolling?
Your is the default functionality of Phones, When user completes typing the screen automatically scroll backs, Kindly check it, If it works please reply.