◐ Shell
clean mode source ↗

LiquidGlass iosGlassEffect configuration cannot be updated at runtime

cjohn001

Issue Description

I try to provide the iosGlassEfffect configuration to a LiquidClass component in NS Angular via a signal

public _glassConfigDisabled = signal({
variant: 'regular',
interactive: false
});

I would like to update the interactive state (true/false) during runtime. However, changing the value of the signal does not have any effect. Seems like updates are not propagated. Only initial value during component creation seems to take effect.

Reproduction

<LiquidGlass col="1" *ngIf="!_isTablet" borderRadius="25" width="45" height="45" [iosGlassEffect]="_glassConfigDisabled()" style="margin-top: 3; margin-bottom:2;" [hidden]="_waterBtnEnabled()" isEnabled="false"> <Button text="&#xe272;" class="fsap icon-font-button zero" width="45"></Button> </LiquidGlass>

Relevant log output (if applicable)

Environment

OS: macOS 26.3
CPU: (10) arm64 Apple M1 Pro
Shell: /bin/zsh
node: 24.12.0
npm: 11.6.2
nativescript: 9.0.3

# android
java: 17.0.14
ndk: Not Found
apis: Not Found
build_tools: Not Found
system_images: Not Found

# ios
xcode: 26.2/17C52
cocoapods: 1.16.2
python: 3.13.2
python3: 3.13.2
ruby: 3.4.2
platforms: 
  - DriverKit 25.2
  - iOS 26.2
  - macOS 26.2
  - tvOS 26.2
  - visionOS 26.2
  - watchOS 26.2

Dependencies

"dependencies": {
  "@angular/animations": "21.1.4",
  "@angular/common": "21.1.4",
  "@angular/compiler": "21.1.4",
  "@angular/core": "21.1.4",
  "@angular/forms": "21.1.4",
  "@angular/platform-browser": "21.1.4",
  "@angular/platform-browser-dynamic": "21.1.4",
  "@angular/router": "21.1.4",
  "@apollo/client": "4.1.4",
  "@mnd/sqlcipher": "file:../app-plugins/dist/packages/sqlcipher/mnd-sqlcipher-1.0.0.tgz",
  "@nativescript/angular": "21.0.0",
  "@nativescript/core": "9.0.13",
  "@nativescript/iqkeyboardmanager": "2.1.2",
  "@nativescript/localize": "5.2.0",
  "@nativescript/secure-storage": "4.0.1",
  "@nativescript/theme": "3.1.0",
  "apollo-angular": "13.0.0",
  "apollo3-cache-persist": "0.15.0",
  "d3-ease": "3.0.1",
  "graphql": "16.12.0",
  "graphql-tag": "2.12.6",
  "intl": "1.2.5",
  "moment": "2.30.1",
  "nativescript-oauth2-ext": "file:../app-plugins-customized/nativescript-oauth2-ext/publish/package/nativescript-oauth2-ext-3.0.5.tgz",
  "nativescript-ui-calendar": "15.2.3",
  "nativescript-ui-gauge": "15.2.3",
  "rxjs": "7.8.2",
  "util": "0.12.5",
  "url": "0.11.4",
  "uuidjs": "5.1.0"
},
"devDependencies": {
  "@angular-devkit/build-angular": "21.1.4",
  "@angular/compiler-cli": "21.1.4",
  "@graphql-codegen/cli": "6.1.1",
  "@graphql-codegen/fragment-matcher": "6.0.0",
  "@graphql-codegen/introspection": "5.0.0",
  "@graphql-codegen/typescript": "5.0.7",
  "@graphql-codegen/typescript-apollo-angular": "4.0.1",
  "@graphql-codegen/typescript-operations": "5.0.7",
  "@nativescript/android": "9.0.2",
  "@nativescript/ios": "9.0.3",
  "@nativescript/types": "9.0.0",
  "@nativescript/webpack": "5.0.31",
  "@ngtools/webpack": "21.1.4",
  "@types/d3-ease": "3.0.2",
  "@types/intl": "1.2.2",
  "@types/lodash": "4.17.23",
  "@types/node": "25.2.3",
  "keycloak-request-token": "0.1.0",
  "patch-package": "^8.0.1",
  "rimraf": "6.1.3",
  "sass": "1.97.2",
  "ts-node": "10.9.2",
  "typescript": "5.9.3"
}

Please accept these terms