The Liquid glass blur effect does not show over the UITabBar as content scrolls underneath.

In iOS26, when using a standalone UITabBar without UITabBarController, the liquid glass blur effect is not applied when scrollable content moves behind the tab bar. However, the blur effect appears correctly when using UITabBarController.

Sample Screenshots:

When using UITababr

When using UITababrController

Sample Code:

class SimpleTabBarController: UIViewController, UITabBarDelegate {
 
    let tabBar = UITabBar()
    let redItem = UITabBarItem(title: "Red", image: .add, tag: 0)
    let blueItem = UITabBarItem(title: "Blue", image: .checkmark, tag: 1)
 
    override func viewDidLoad() {
        super.viewDidLoad()
        view.backgroundColor = .white
 
        tabBar.items = [redItem, blueItem]
        tabBar.selectedItem = redItem
        tabBar.delegate = self
        tabBar.translatesAutoresizingMaskIntoConstraints = false
 
        let tableContainerView = TableContainerView()
        view.addSubview(tableContainerView)
        tableContainerView.translatesAutoresizingMaskIntoConstraints = false

        NSLayoutConstraint.activate([
            tableContainerView.topAnchor.constraint(equalTo: view.topAnchor),
            tableContainerView.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            tableContainerView.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            tableContainerView.bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
        
        view.addSubview(tabBar)
 
        NSLayoutConstraint.activate([
            tabBar.leadingAnchor.constraint(equalTo: view.leadingAnchor),
            tabBar.trailingAnchor.constraint(equalTo: view.trailingAnchor),
            tabBar.bottomAnchor.constraint(equalTo: view.bottomAnchor)
        ])
    }
 
Answered by Frameworks Engineer in 847841022

The blur effect you see is actually the scroll edge effect from UIScrollView. By default, UITabBarController will configure scroll views in its descendant hierarchy with scroll edge effects. If you are using a custom tab bar, you can configure one yourself using UIScrollEdgeContainerInteraction.

To learn more, you can also watch Build a UIKit app with the new design from WWDC25.

Accepted Answer

The blur effect you see is actually the scroll edge effect from UIScrollView. By default, UITabBarController will configure scroll views in its descendant hierarchy with scroll edge effects. If you are using a custom tab bar, you can configure one yourself using UIScrollEdgeContainerInteraction.

To learn more, you can also watch Build a UIKit app with the new design from WWDC25.

The Liquid glass blur effect does not show over the UITabBar as content scrolls underneath.
 
 
Q