iOS 26 - rounded corners of a keyboard issue

[LiLatee]

Bug report

Describe the bug
Hey! I noticed an issue with the bottom sheet on iOS 26. As you can see in the attached screenshot, the new iOS keyboard is rounded at the corners, and because of this, we can see a barrier color between the bottom sheet and the keyboard, which looks bad. Unfortunately, I've not found a quick solution for that.

Steps to reproduce

Steps to reproduce the behavior:

1. Use a device with iOS 26+.
2. Open the bottom sheet with a TextField inside.
3. Press the TextField to show the keyboard.
   e.g.

WoltModalSheet.show<T>(
    context: context,
    pageListBuilder: (context) => [
      WoltModalSheetPage(
        child: const TextField(),
      ),
    ],
  )

Expected behavior

It should show a background color of the bottom sheet instead of barrier's color.

---

---

[DieGlueckswurst]

any workaround for this? couldnt make it work...

[LiLatee]

@DieGlueckswurst unfortunately not. I was forced to use default showModalBottomSheet

[DieGlueckswurst]

i got it working with this:

@override
  Widget decorateModal(BuildContext context, Widget modal, bool useSafeArea) {
    final keyboardHeight = MediaQuery.of(context).viewInsets.bottom;

    // Always wrap in Stack to keep widget tree structure constant.
    // When keyboard is visible, the Positioned fill extends behind the keyboard
    // to cover iOS 26 rounded keyboard corner gaps (Clip.none allows overflow).
    // When keyboard is hidden, height is 0 so the Positioned is invisible.
    return SafeArea(
      // SafeArea top should always be respected
      top: true,
      // SafeArea bottom should always be false to avoid gap
      bottom: false,
      right: useSafeArea,
      left: useSafeArea,
      child: Stack(
        clipBehavior: Clip.none,
        children: [
          modal,
          Positioned(
            left: 0,
            right: 0,
            bottom: -keyboardHeight,
            height: keyboardHeight,
            child: ColoredBox(color: AppColors.whiteAdaptive(context)),
          ),
        ],
      ),
    );
   }

Maybe it helps ✌️