iOS 27 Beta 4: Native Liquid Glass UITabBar renders with opaque milky/frosted background while identical code renders correctly on iOS 26.5

iOS 27 Beta 4: Native Liquid Glass UITabBar renders with opaque milky/frosted background while identical code renders correctly on iOS 26.5


Environment

  • Xcode 27 Beta 4
  • iOS 27 Beta 4
  • UIKit
  • UITabBarController
  • Storyboard based application
  • Native UITabBar (no custom tab bar implementation)
  • Device: iPhone 17 Pro Simulator (also reproducible on other iPhone simulators)

Problem

After upgrading to iOS 27 Beta 4, the native Liquid Glass tab bar appears significantly more opaque (milky/frosted gray) than on iOS 26.5.

The exact same application binary and configuration render correctly on iOS 26.5.

No custom blur or visual effect is being applied.


Current Configuration

let appearance = UITabBarAppearance()

appearance.configureWithDefaultBackground()
appearance.backgroundColor = nil
appearance.backgroundEffect = nil
appearance.shadowColor = .clear

tabBar.standardAppearance = appearance
tabBar.scrollEdgeAppearance = appearance

tabBar.isTranslucent = true
tabBar.backgroundColor = nil
tabBar.barTintColor = nil
tabBar.backgroundImage = nil
tabBar.shadowImage = nil

Runtime Verification

Verified at runtime:

tabBar.backgroundColor == nil

tabBar.barTintColor == nil

tabBar.isTranslucent == true

standardAppearance.backgroundColor == nil

standardAppearance.backgroundEffect == nil

scrollEdgeAppearance.backgroundColor == nil

scrollEdgeAppearance.backgroundEffect == nil

View Hierarchy

The runtime hierarchy contains Apple's native Liquid Glass implementation:

UITabBar

_UIBarItemPlatterView

_UILiquidLensView

BackdropView

ClearGlassView

_UIPortalView

_UITabSelectionView

Therefore UIKit is using the Liquid Glass implementation rather than falling back to a legacy blur.


Investigation Performed

The following were tested without changing behavior:

  • Removed all custom blur views
  • Removed custom overlays
  • Removed refresh/recomposition code
  • Removed layout invalidation
  • Removed transform hacks
  • Removed PageMenu
  • Replaced entire first tab with a plain UITableViewController
  • Replaced DiscoverVC completely
  • Replaced nested collection views
  • Rebuilt a minimal demo project using identical UITabBarAppearance code

The minimal demo renders correctly.

The production application renders with a much more opaque gray background.


Question

Has anything changed in the Liquid Glass compositor or backdrop sampling behavior in iOS 27 Beta 4?

Is there any new API or recommended configuration required to achieve the same transparency level as iOS 26.5?

If this is expected behavior, is there any supported way to control the opacity of the system Liquid Glass material?


Screenshots

Attach:

  • iOS 26.5 screenshot
  • iOS 27 Beta 4 screenshot


Thanks for the post. Inviting Liquid Glass experts to jump into this thread.

There are many changes between those major versions for sure that have been covered in the documentation and Tech Notes.

Looking at your configuration code, there is a something interesting when you are setting by then removing how the appearance is being set up?

By calling configureWithDefaultBackground(), you populate the appearance with the system's default blur effect. However, immediately setting backgroundEffect = nil removes that effect.

A thought also that I would like to share with your is in previous iOS versions, setting backgroundEffect = nil with isTranslucent = true might have resulted in a fully transparent bar or triggered a legacy fallback that happened to look correct in your app. In newer betas, require a valid UIBlurEffect to drive the backdrop sampling.

Liquid Glass Technology Overview design principles, "Adopting Liquid Glass," Landmarks sample app
https://developer.apple.com/documentation/technologyoverviews/liquid-glass

Materials 
https://developer.apple.com/design/human-interface-guidelines/materials

iOS & iPadOS 27 Beta 4 Release Notes 
https://developer.apple.com/documentation/ios-ipados-release-notes/ios-ipados-27-beta-4-release-notes

The general overview page summarizing all iOS/iPadOS/macOS 27 changes across frameworks
https://developer.apple.com/documentation/updates

If your goal is the standard system Liquid Glass/blur, remove appearance.backgroundEffect = nil and let configureWithDefaultBackground() do its job and if your goal is a completely transparent tab bar, you should use the dedicated API instead of nilling out properties.

Albert  WWDR

iOS 27 Beta 4: Native Liquid Glass UITabBar renders with opaque milky/frosted background while identical code renders correctly on iOS 26.5
 
 
Q