Skip to content

iOS: Toolbar background transparent and not changeable since iOS 26 #1098

@GitToTheHub

Description

@GitToTheHub

Bug Report

Problem

When running the plugin in XCode 26 on an iOS 26 Simulator, the toolbar is not semi-transparent anymore and the background color cannot be set with the option toolbarcolor. Also the buttons have borders, which is eventually no issue, because it's a change by iOS 26 which is its new UI desing. Example:

iOS 18.5 iOS 26.2
Image Image

The green background color seen here, is from the underlying web view, which shines through the transparent parts of the in-app browser to demonstrate, which parts of the in-app browser are transparent.

This layout issues happens with cordova-ios 7 and 8.

What is expected to happen?

The toolbar should be semi-transparent by default and be changeable by the option toolbarcolor.

What does actually happen?

The toolbar is transparent. The option toolbarcolor is ignored.

Information

Command or Code

Create a fresh project with this plugin:

cordova create inappbrowser-test
cd inappbrowser-test
cordova platform add ios
cordova plugin add https://github.com/apache/cordova-plugin-inappbrowser

Show the in-app browser with default options:

cordova.InAppBrowser.open("https://www.apache.org", "_blank", "location=yes");

Environment, Platform, Device

  • macOS 26.2
  • XCode 26.2
  • iOS 26.2 simulator

Version information

  • cordova-cli 13
  • cordova-ios 7 & 8
  • cordova-plugin-inappbrowser: master

Checklist

  • I searched for existing GitHub issues
  • I updated all Cordova tooling to most recent version
  • I included all the necessary information above

Sub-issues

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions