René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"Liquid Glass ActionItem seem to get wrong light/dark mode configuration (via CSS?)","articleBody":"### Issue Description\n\nHello I am observing a weird behaviour of the ActionItems on the ActionBar when using ios liquidGlass. No custom configuration, just disabling UIDesignRequiresCompatibility in plist.\nThe images show the problem. It looks like light/dark mode is inferred in the wrong way. I would expect the menubar buttons to always appear dark as they sit ontop of a dark background. I observed that when I minimize the app and maximize it again the appearance seems to be recomputed and is than correct till the app redraws the next time. As soon as I tap a button or the ui is redrawn by any other means the glass effect seems to jump back to light mode. My current workaround is, that I force the menubar to dark mode explicitely. Than it works.\nIn loaded event I use:\n\nif (__IOS__) {\n\t\t\tconst actionBar = args.object as ActionBar;\n\t\t\tconst navBar = actionBar.nativeViewProtected as any;\n\t\t\tif (navBar) {\n\t\t\t\t// UIUserInterfaceStyleDark = 2\n\t\t\t\tnavBar.overrideUserInterfaceStyle = 2;\n\t\t\t}\n\t\t}\n\n\u003cimg width=\"1206\" height=\"2622\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/ee56a6ea-751c-4761-b7ac-58ecbd1e07c6\" /\u003e\n\n\u003cimg width=\"1206\" height=\"2622\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c366b821-ae75-4640-b187-dff808b669bd\" /\u003e\n\n### Reproduction\n\n_No response_\n\n### Relevant log output (if applicable)\n\n```shell\n\n```\n\n### Environment\n\n\u003c!-- COPY START --\u003e\n```yaml\nOS: macOS 26.3\nCPU: (10) arm64 Apple M1 Pro\nShell: /bin/zsh\nnode: 24.12.0\nnpm: 11.6.2\nnativescript: 9.0.3\n\n# android\njava: 17.0.14\nndk: Not Found\napis: Not Found\nbuild_tools: Not Found\nsystem_images: Not Found\n\n# ios\nxcode: 26.2/17C52\ncocoapods: 1.16.2\npython: 3.13.2\npython3: 3.13.2\nruby: 3.4.2\nplatforms: \n  - DriverKit 25.2\n  - iOS 26.2\n  - macOS 26.2\n  - tvOS 26.2\n  - visionOS 26.2\n  - watchOS 26.2\n```\n\n### Dependencies\n\n```json\n\"dependencies\": {\n  \"@angular/animations\": \"21.1.4\",\n  \"@angular/common\": \"21.1.4\",\n  \"@angular/compiler\": \"21.1.4\",\n  \"@angular/core\": \"21.1.4\",\n  \"@angular/forms\": \"21.1.4\",\n  \"@angular/platform-browser\": \"21.1.4\",\n  \"@angular/platform-browser-dynamic\": \"21.1.4\",\n  \"@angular/router\": \"21.1.4\",\n  \"@apollo/client\": \"4.1.4\",\n  \"@nativescript/angular\": \"21.0.0\",\n  \"@nativescript/core\": \"9.0.13\",\n  \"@nativescript/iqkeyboardmanager\": \"2.1.2\",\n  \"@nativescript/localize\": \"5.2.0\",\n  \"@nativescript/secure-storage\": \"4.0.1\",\n  \"@nativescript/theme\": \"3.1.0\",\n  \"apollo-angular\": \"13.0.0\",\n  \"apollo3-cache-persist\": \"0.15.0\",\n  \"d3-ease\": \"3.0.1\",\n  \"graphql\": \"16.12.0\",\n  \"graphql-tag\": \"2.12.6\",\n  \"intl\": \"1.2.5\",\n  \"moment\": \"2.30.1\",\n  \"nativescript-ui-calendar\": \"15.2.3\",\n  \"nativescript-ui-gauge\": \"15.2.3\",\n  \"rxjs\": \"7.8.2\",\n  \"util\": \"0.12.5\",\n  \"url\": \"0.11.4\",\n  \"uuidjs\": \"5.1.0\"\n},\n\"devDependencies\": {\n  \"@angular-devkit/build-angular\": \"21.1.4\",\n  \"@angular/compiler-cli\": \"21.1.4\",\n  \"@graphql-codegen/cli\": \"6.1.1\",\n  \"@graphql-codegen/fragment-matcher\": \"6.0.0\",\n  \"@graphql-codegen/introspection\": \"5.0.0\",\n  \"@graphql-codegen/typescript\": \"5.0.7\",\n  \"@graphql-codegen/typescript-apollo-angular\": \"4.0.1\",\n  \"@graphql-codegen/typescript-operations\": \"5.0.7\",\n  \"@nativescript/android\": \"9.0.2\",\n  \"@nativescript/ios\": \"9.0.3\",\n  \"@nativescript/types\": \"9.0.0\",\n  \"@nativescript/webpack\": \"5.0.31\",\n  \"@ngtools/webpack\": \"21.1.4\",\n  \"@types/d3-ease\": \"3.0.2\",\n  \"@types/intl\": \"1.2.2\",\n  \"@types/lodash\": \"4.17.23\",\n  \"@types/node\": \"25.2.3\",\n  \"keycloak-request-token\": \"0.1.0\",\n  \"patch-package\": \"^8.0.1\",\n  \"rimraf\": \"6.1.3\",\n  \"sass\": \"1.97.2\",\n  \"ts-node\": \"10.9.2\",\n  \"typescript\": \"5.9.3\"\n}\n```\n\u003c!-- COPY END --\u003e\n\n### Please accept these terms\n\n- [x] I have searched the [existing issues](https://github.com/NativeScript/NativeScript/issues) as well as [StackOverflow](https://stackoverflow.com/questions/tagged/nativescript) and this has not been posted before\n- [x] This is a bug report\n- [x] I agree to follow this project's [Code of Conduct](https://github.com/NativeScript/NativeScript/blob/master/tools/notes/CONTRIBUTING.md#coc)","author":{"url":"https://github.com/cjohn001","@type":"Person","name":"cjohn001"},"datePublished":"2026-02-19T22:14:19.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":0},"url":"https://github.com/11096/NativeScript/issues/11096"}