When you set inputAccessoryView AND inputView you get unexpected system UI in between the two custom views

When you set inputAccessoryView AND inputView you get unexpected system UI in between the two custom views

If anyone has a workaround for this I'd love to hear it.

See also: https://stackoverflow.com/questions/79818015/uitextfield-custom-inputaccessoryview-with-custom-inputview-in-ios-26

Red == inputAccessoryView

Blue == inputView

Glassy bit in between == bug?

//
//  ViewController.swift
//  Custom Keyboard
//
//  Created by Lewis Smith on 19/02/2026.
//

import UIKit

class ViewController: UIViewController {

    let textField = {
        let textField = UITextField()
        textField.translatesAutoresizingMaskIntoConstraints = false
        textField.backgroundColor = .yellow

        let inputAccessoryView = UIView(frame: CGRect(x: 0, y: 0, width: .zero, height: 70))
        inputAccessoryView.backgroundColor = .red
        
        let inputView = UIView(frame: CGRect(x: 0, y: 0, width: .zero, height: 70))
        inputView.backgroundColor = .blue
     
        
        // When you set inputAccessoryView AND inputView you get unexpected UI inbetweeen the two custom views
        textField.inputAccessoryView = inputAccessoryView
        textField.inputView = inputView

        textField.becomeFirstResponder()
        
        return textField
    }()

    override func viewDidLoad() {
        super.viewDidLoad()
        self.view.backgroundColor = .purple
        self.view.addSubview(textField)
        NSLayoutConstraint.activate([
            textField.centerXAnchor.constraint(equalTo: view.centerXAnchor),
            textField.centerYAnchor.constraint(equalTo: view.centerYAnchor),
            textField.leadingAnchor.constraint(equalTo: view.leadingAnchor, constant: 20),
            textField.trailingAnchor.constraint(equalTo: view.trailingAnchor, constant: -20),
        ])
    }


}