⚡ Sangsakala Proxy 🏠 Home
Skip to content

fix(core): boolean properties and class substring operators in attribute selectors - #11529

Open
triniwiz wants to merge 2 commits into
mainfrom
fix/css-boolean-attribute-selectors
Open

triniwiz wants to merge 2 commits into
mainfrom
fix/css-boolean-attribute-selectors

Conversation

@triniwiz

@triniwiz triniwiz commented Oct 15, 2026 •

Copy link
Copy Markdown
Member

PR Checklist

What is the current behavior?

  • [attr] matches any non-null value. Every view has hidden, false by default, so [hidden] { display: none } from a CSS reset (Tailwind's preflight, Bootstrap's Reboot) hides the whole app.
  • Every attribute selector on class is turned into a class selector, whatever its operator: [class*='btn-'], [class^='col'] and [class='a b'] all behave like .btn-, .col, .a b.

What is the new behavior?

  • A boolean property is present for [attr] only while it is true, like an HTML boolean attribute. [hidden=false] still compares by value.
  • Only .x and [class~=x] are class matches. The other operators match the class attribute's text.

Tests: css-selector.spec.ts (4).

Verified with all of these core PRs merged together (#11527–#11537): apps/automated passes on the iOS 26.4 simulator (1830 OK, 0 failed) and on an Android API 36 emulator (1692 OK; the one failure is the network-dependent IMAGE-CACHE.test_ImageCache_ValidUrl timeout, which also passes on reruns).

…ute selectors

- `[attr]` no longer matches a boolean property that is false. Every view
  has `hidden` (false by default), so `[hidden] { display: none }` from
  a CSS reset (Tailwind's preflight, Bootstrap's Reboot) hid the whole
  app. A boolean is now present only while true, like an HTML boolean
  attribute; `[hidden=false]` still compares by value.
- `[class*=x]`, `[class^=x]`, `[class$=x]`, `[class=x]` and `[class|=x]`
  were all turned into the class selector `.x`, ignoring the operator.
  Only `.x` and `[class~=x]` are class matches now; the other operators
  match the class attribute's text.
@nx-cloud

nx-cloud Bot commented Oct 15, 2026 •

Copy link
Copy Markdown

View your CI Pipeline Execution ↗ for commit aab87c4

Command Status Duration Result
nx test apps-automated -c=android ✅ Succeeded 5m 18s View ↗
nx run-many --target=test --configuration=ci --... ✅ Succeeded <1s View ↗

💡 Verify your cache is correct by running tasks in a sandbox. Read docs ↗


☁️ Nx Cloud last updated this comment at 2026-10-15 20:38:45 UTC

@pkg-pr-new

pkg-pr-new Bot commented Oct 15, 2026 •

Copy link
Copy Markdown

Open in StackBlitz

npm i https://pkg.pr.new/@nativescript/core@11529
npm i https://pkg.pr.new/@nativescript/vite@11529
npm i https://pkg.pr.new/@nativescript/webpack@11529

commit: aab87c4

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant