capacitor-community/safe-area

A line/stripe appears on top of the keyboard when having custom navigation color

Closed this issue · 1 comments

mertyldrr commented

Describe the bug
A line/stripe appears on top of the keyboard when having custom navigation color.

To Reproduce
Created a simple app for reproduction: https://github.com/mertyldrr/safe-area-plugin-keyboard-bug

Steps to reproduce the behavior:

  1. Set a color for the navigation bar (Already set in the example repo)
  2. Open the keyboard
  3. Notice there is a line on top of the keyboard with the custom navigation bar color

Screenshots

Smartphone (please complete the following information):

  • Device: Pixel 6
  • OS: Android 14
tafelnl commented

Thanks for reporting. #21 should fix your issue. The issue is not as apparent with a fully transparent color, as the content below it will be perfectly viewable. That's probably why I didn't discover this earlier when testing

  • 🎉1