Skip to content

ios26-v9.3.2

Choose a tag to compare

View all tags
@rdlabo rdlabo released this 19 Sep 11:56
· 207 commits to main since this release
ios26-v9.3.2
eb694a6

Highlights

This release adds a tab-bar-style glass appearance for ion-segment and improves toolbar behavior for fullscreen content and search bars.

Upgrade

npm install @rdlabo/ionic-theme-ios26@9.3.2

No migration is required. Existing segments keep their current styling unless they use the new opt-in class. The toolbar and searchbar corrections apply automatically.

Glass segments

Add segment-style-glass to an ion-segment to give its background and selected indicator the same glass treatment as the tab bar:

<ion-segment class="segment-style-glass" value="available">
  <ion-segment-button value="available">
    <ion-label>Available</ion-label>
  </ion-segment-button>
  <ion-segment-button value="away">
    <ion-label>Away</ion-label>
  </ion-segment-button>
</ion-segment>

The class preserves the segment's existing dimensions and text colors, works with scrollable segments, and respects Ionic's public --background custom property.

To place the segment directly above a tab bar, put it in an ion-toolbar inside ion-footer. The theme does not add positioning or an extra gap, so the layout remains under your app's control.

Fullscreen toolbars

Opaque ion-header and ion-footer toolbars paired with a fullscreen ion-content now clear their internal toolbar background correctly. This matches the fullscreen layout behavior already used by the newer theme while preserving non-translucent header and footer configuration.

No markup changes are needed. The fix applies when the page uses a direct fullscreen iOS content element:

<ion-header>
  <ion-toolbar>...</ion-toolbar>
</ion-header>

<ion-content fullscreen>...</ion-content>

Search bars in toolbars

Search bars inside ion-toolbar now retain their UIKit-style shadow without being clipped and use corrected spacing for start and end buttons. The adjustment is automatic; no markup or class changes are needed.

What's changed

  • feat(segment): add tab-style glass appearance (#192)
  • fix(toolbar): clear opaque chrome over fullscreen content (#191)
  • fix(searchbar): keep UIKit styling within toolbars (#190)

Full changelog: ios26-v9.3.1...ios26-v9.3.2

Assets 2
Loading