'Keyboard and footer flicker when text input clicked on Ionic 4/5
I have been having this issue for a while now on IOS(14) (before on Ionic 4 angular 8, and still now again after updating to Ionic 5 angular 9)…
Whenever I click on a text input, it makes footer disappear then reappear (cf video). When I focus out the element, there is also a weird flashing.
I’ve tried to deactivating “resize” in keyboard plugin parameters in capacitor.config.json It works (no more flickering) but then I have to do all sorts of css tricks to get the whole thing animated back to what was intended ( Having the footer above keyboard at opening, and the rest of the screen resizing to diplay properly, and it does not look good)
Is there a more straightforward solution to fix this keyboard flickering ?
https://drive.google.com/file/d/1FaFTItAq-wX2YzhwTvFNXHRmzYT3Ugl_/view?usp=sharing
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|