SwiftUI keyboard toolbar blocks touches on content

UI Frameworks SwiftUI
tom-h-swa OP
Created 1d
Replies 2
Boosts 0
Views 335
Participants 2

We received a bug from QA testing our build that enables liquid glass.

The scenario:

  • We have a screen with a bunch of text fields to fill out.
  • We have a single Done button in a toolbar above the keyboard.
  • The Done button is right-aligned, so the rest of the toolbar to the left of the button is empty.
  • Prior to Liquid Glass, this toolbar was an opaque rectangle that covered the content beneath it.
  • With Liquid Glass enabled, the toolbar is transparent.
  • Sometimes a field or other UI element will scroll into view beneath the toolbar.
  • One might think, because it is transparent, that they could simply tap on the UI element beneath the toolbar, but you cannot!
  • The toolbar blocks all taps on content beneath it.

I have tried and cannot find a way to make the toolbar have a non-transparent background. I have tried various combinations of ToolbarItem with an HStack in it. With an HStack containing a Spacer and a Button, I was able to get a toolbar that takes up the width of the screen (minus the rounded corners) and is non-transparent. But this only works on iOS 26. On iOS 27, it completely ignores the Spacer.

So is there a way to make the tool, with placement: keyboard not be transparent so it does not give the false impression you can tap on content beneath it?

Example of demo project showing the toolbar, with an HStack containing a Spacer, on iOS 26 & 27:

Replies  2
Boosts  0
Views  335
Participants  2
DTS Engineer OP
Apple
23h

Hello @tom-h-swa,

So is there a way to make the tool, with placement: keyboard not be transparent...

Can you elaborate what the expected result is here? Is the expected result the screenshot on the left?

I am curious about: SwiftUI keyboard toolbar blocks touches on content. I noticed this is the title of the post but is not discussed in the post explicitly, and it is demonstrated in both your iOS 26 and 27 screen shot.

I want to confirm we have the same setup, as for investigating workarounds or resolutions with the relevant engineering teams.

If you believe this is a regression or demonstrates a bug, share this project in a report filed through Feedback Assistant. Include the steps to reproduce the issue, expected result, and what version you noticed the regression/change in behavior.

Thank you,

 Travis
tom-h-swa OP
2h

Sorry I was not clear.

Yes, the expected result is that the toolbar on the right, in iOS 27, would render full-width as it does in the screenshot on the left, in iOS 26.

I titled the post the way I did because the actual issue we wanted to solve was that a toolbar with keyboard placement is completely transparent. It looks like you can tap on content beneath it but you cannot. It blocks taps and also interferes with scrolling if you begin the scroll on the toolbar. See screenshot below. This is more representative of the toolbar we have. All taps to the left of the Done button are blocked. Rendering a full-width non-transparent toolbar was a workaround we were considering.

SwiftUI keyboard toolbar blocks touches on content
First post date Last post date
 
 
Q