René's URL Explorer Experiment

Title: CSS pseudo selector `:active` (alias `:highlighted`) broken when a button is created with FormattedString · Issue #6431 · NativeScript/NativeScript · GitHub

Open Graph Title: CSS pseudo selector `:active` (alias `:highlighted`) broken when a button is created with FormattedString · Issue #6431 · NativeScript/NativeScript

X Title: CSS pseudo selector `:active` (alias `:highlighted`) broken when a button is created with FormattedString · Issue #6431 · NativeScript/NativeScript

Description: CSS pseudo selector :active (alias :highlighted) broken when btn created with FormattedString Example main-page.xml

Open Graph Description: CSS pseudo selector :active (alias :highlighted) broken when btn created with FormattedString Example main-page.xml

X Description: CSS pseudo selector :active (alias :highlighted) broken when btn created with FormattedString Example main-page.xml <Button (tap)="login()" > <FormattedString> <Span [text]...

Opengraph URL: https://github.com/NativeScript/NativeScript/issues/6431

X: @github

direct link

Domain: github.com

---

Hey, it has json ld scripts:

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"CSS pseudo selector `:active` (alias `:highlighted`) broken when a button is created with FormattedString","articleBody":"CSS pseudo selector `:active` (alias `:highlighted`) broken when btn created with FormattedString\r\n\r\nExample\r\nmain-page.xml\r\n```XML\r\n\u003cButton (tap)=\"login()\" \u003e\r\n            \u003cFormattedString\u003e\r\n                \u003cSpan [text]=\"loginText + '\\n'\" fontSize=\"28\"\u003e\u003c/Span\u003e\r\n                \u003cSpan [text]=\"descText\" fontSize=\"12\" \u003e\u003c/Span\u003e\r\n            \u003c/FormattedString\u003e\r\n\u003c/Button\u003e\r\n```\r\n\r\nmain-page.css\r\n```CSS\r\nButton {\r\n    background-color:#1b1d1d;\r\n    color: #E8EAEB;\r\n}\r\n\r\nButton:active {\r\n    background-color:#E8EAEB;\r\n    color: #1b1d1d;\r\n}\r\n```\r\n\r\n**Note**: The case seems to be reproducble only when using `Button` global styles in `app.css` and a Button created via `FormattedString`\r\n\r\napp.css\r\n```CSS\r\nButton {\r\n    color: #343838;\r\n}\r\n```\r\n\r\nDemo application demonstrating the above case canb e found [here](https://github.com/NickIliev/NS-Issues-2018-II/tree/master/NativeScript/issue-6431)\r\n\r\nBroken with `tns-core-modules` 5.0.0 - working with 4.2.0\r\n\r\n\u003cbountysource-plugin\u003e\r\n\r\n---\r\nWant to back this issue? **[Post a bounty on it!](https://www.bountysource.com/issues/64964489-css-pseudo-selector-active-alias-highlighted-broken-when-a-button-is-created-with-formattedstring?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github)** We accept bounties via [Bountysource](https://www.bountysource.com/?utm_campaign=plugin\u0026utm_content=tracker%2F12908224\u0026utm_medium=issues\u0026utm_source=github).\r\n\u003c/bountysource-plugin\u003e","author":{"url":"https://github.com/NickIliev","@type":"Person","name":"NickIliev"},"datePublished":"2018-10-19T07:06:46.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":3},"url":"https://github.com/6431/NativeScript/issues/6431"}

---

route-pattern	/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controller	voltron_issues_fragments
route-action	issue_layout
fetch-nonce	v2:f11a34ef-130a-ba43-f8e3-0d5d6a86aed6
current-catalog-service-hash	81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-id	9F42:30E6B5:1C5C200:27FD3B9:6A5FB924
html-safe-nonce	1e7a9aab4b74f8171863e10b832376357247f074d768398aa7801898a1262ab1
visitor-payload	eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiI5RjQyOjMwRTZCNToxQzVDMjAwOjI3RkQzQjk6NkE1RkI5MjQiLCJ2aXNpdG9yX2lkIjoiNjE1OTEwODAxMDQ4NzU2MDQ4NCIsInJlZ2lvbl9lZGdlIjoiaWFkIiwicmVnaW9uX3JlbmRlciI6ImlhZCJ9
visitor-hmac	18367e5a998fb436b87aa161e3a41359dc916653ac923469f3259ac31e157a18
hovercard-subject-tag	issue:371831872
github-keyboard-shortcuts	repository,issues,copilot
google-site-verification	Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-url	https://collector.github.com/github/collect
analytics-location	///voltron/issues_fragments/issue_layout
fb:app_id	1401488693436528
apple-itunes-app	app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/NativeScript/6431/issue_layout
twitter:image	https://opengraph.githubassets.com/cf4d9122d1f97989f3b99ccd08d0a95a39ca04022d737cb3b4f98c631102a854/NativeScript/NativeScript/issues/6431
twitter:card	summary_large_image
og:image	https://opengraph.githubassets.com/cf4d9122d1f97989f3b99ccd08d0a95a39ca04022d737cb3b4f98c631102a854/NativeScript/NativeScript/issues/6431
og:image:alt	CSS pseudo selector :active (alias :highlighted) broken when btn created with FormattedString Example main-page.xml
og:image:width	1200
og:image:height	600
og:site_name	GitHub
og:type	object
og:author:username	NickIliev
hostname	github.com
expected-hostname	github.com
None	e0cfc367faf9c4c774d2a903897aa214c786247c4f45ffcee48cda2b819fb0c8
turbo-cache-control	no-preview
go-import	github.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git
octolytics-dimension-user_id	7392261
octolytics-dimension-user_login	NativeScript
octolytics-dimension-repository_id	31492490
octolytics-dimension-repository_nwo	NativeScript/NativeScript
octolytics-dimension-repository_public	true
octolytics-dimension-repository_is_fork	false
octolytics-dimension-repository_network_root_id	31492490
octolytics-dimension-repository_network_root_nwo	NativeScript/NativeScript
turbo-body-classes	logged-out env-production page-responsive
disable-turbo	false
browser-stats-url	https://api.github.com/_private/browser/stats
browser-errors-url	https://api.github.com/_private/browser/errors
release	94569c859bc88d6bf7de7e0ce3f2a11cd529a131
ui-target	full
theme-color	#1e2327
color-scheme	light dark

Links:

Skip to content	https://github.com/NativeScript/NativeScript/issues/6431#start-of-content
	https://github.com/
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fissues%2F6431
GitHub CopilotWrite better code with AI	https://github.com/features/copilot
GitHub Copilot appDirect agents from issue to merge	https://github.com/features/ai/github-app
MCP RegistryNewIntegrate external tools	https://github.com/mcp
ActionsAutomate any workflow	https://github.com/features/actions
CodespacesInstant dev environments	https://github.com/features/codespaces
IssuesPlan and track work	https://github.com/features/issues
Code ReviewManage code changes	https://github.com/features/code-review
Code QualityEnforce quality at merge	https://github.com/features/code-quality
GitHub Advanced SecurityFind and fix vulnerabilities	https://github.com/security/advanced-security
Code securitySecure your code as you build	https://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they start	https://github.com/security/advanced-security/secret-protection
Why GitHub	https://github.com/why-github
Documentation	https://docs.github.com
Blog	https://github.blog
Changelog	https://github.blog/changelog
Marketplace	https://github.com/marketplace
View all features	https://github.com/features
Enterprises	https://github.com/enterprise
Small and medium teams	https://github.com/team
Startups	https://github.com/enterprise/startups
Nonprofits	https://github.com/solutions/industry/nonprofits
App Modernization	https://github.com/solutions/use-case/app-modernization
DevSecOps	https://github.com/solutions/use-case/devsecops
DevOps	https://github.com/solutions/use-case/devops
CI/CD	https://github.com/solutions/use-case/ci-cd
View all use cases	https://github.com/solutions/use-case
Healthcare	https://github.com/solutions/industry/healthcare
Financial services	https://github.com/solutions/industry/financial-services
Manufacturing	https://github.com/solutions/industry/manufacturing
Government	https://github.com/solutions/industry/government
View all industries	https://github.com/solutions/industry
View all solutions	https://github.com/solutions
AI	https://github.com/resources/articles?topic=ai
Software Development	https://github.com/resources/articles?topic=software-development
DevOps	https://github.com/resources/articles?topic=devops
Security	https://github.com/resources/articles?topic=security
View all topics	https://github.com/resources/articles
Customer stories	https://github.com/customer-stories
Events & webinars	https://github.com/resources/events
Ebooks & reports	https://github.com/resources/whitepapers
Business insights	https://github.com/solutions/executive-insights
GitHub Skills	https://skills.github.com
Documentation	https://docs.github.com
Customer support	https://support.github.com
Community forum	https://github.com/orgs/community/discussions
Trust center	https://github.com/trust-center
Partners	https://github.com/partners
View all resources	https://github.com/resources
GitHub SponsorsFund open source developers	https://github.com/open-source/sponsors
Security Lab	https://securitylab.github.com
Maintainer Community	https://maintainers.github.com
Accelerator	https://github.com/open-source/accelerator
GitHub Stars	https://stars.github.com
Archive Program	https://archiveprogram.github.com
Topics	https://github.com/topics
Trending	https://github.com/trending
Collections	https://github.com/collections
Enterprise platformAI-powered developer platform	https://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security features	https://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI features	https://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 support	https://github.com/enterprise/premium-support
Pricing	https://github.com/pricing
Search syntax tips	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentation	https://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fissues%2F6431
Sign up	https://github.com/signup?ref_cta=Sign+up&ref_loc=header+logged+out&ref_page=%2F%3Cuser-name%3E%2F%3Crepo-name%3E%2Fvoltron%2Fissues_fragments%2Fissue_layout&source=header-repo&source_repo=NativeScript%2FNativeScript
Reload	https://github.com/NativeScript/NativeScript/issues/6431
Reload	https://github.com/NativeScript/NativeScript/issues/6431
Reload	https://github.com/NativeScript/NativeScript/issues/6431
Please reload this page	https://github.com/NativeScript/NativeScript/issues/6431
NativeScript	https://github.com/NativeScript
NativeScript	https://github.com/NativeScript/NativeScript
Please reload this page	https://github.com/NativeScript/NativeScript/issues/6431
Notifications	https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Fork 1.7k	https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Star 25.6k	https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Code	https://github.com/NativeScript/NativeScript
Issues 771	https://github.com/NativeScript/NativeScript/issues
Pull requests 66	https://github.com/NativeScript/NativeScript/pulls
Discussions	https://github.com/NativeScript/NativeScript/discussions
Actions	https://github.com/NativeScript/NativeScript/actions
Projects	https://github.com/NativeScript/NativeScript/projects
Wiki	https://github.com/NativeScript/NativeScript/wiki
Security and quality 0	https://github.com/NativeScript/NativeScript/security
Insights	https://github.com/NativeScript/NativeScript/pulse
Code	https://github.com/NativeScript/NativeScript
Issues	https://github.com/NativeScript/NativeScript/issues
Pull requests	https://github.com/NativeScript/NativeScript/pulls
Discussions	https://github.com/NativeScript/NativeScript/discussions
Actions	https://github.com/NativeScript/NativeScript/actions
Projects	https://github.com/NativeScript/NativeScript/projects
Wiki	https://github.com/NativeScript/NativeScript/wiki
Security and quality	https://github.com/NativeScript/NativeScript/security
Insights	https://github.com/NativeScript/NativeScript/pulse
CSS pseudo selector :active (alias :highlighted) broken when a button is created with FormattedString	https://github.com/NativeScript/NativeScript/issues/6431#top
backlog	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22backlog%22
bug	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22bug%22
css	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22css%22
severity: low	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22severity%3A%20low%22
	https://github.com/NickIliev
NickIliev	https://github.com/NickIliev
on Oct 19, 2018	https://github.com/NativeScript/NativeScript/issues/6431#issue-371831872
here	https://github.com/NickIliev/NS-Issues-2018-II/tree/master/NativeScript/issue-6431
Post a bounty on it!	https://www.bountysource.com/issues/64964489-css-pseudo-selector-active-alias-highlighted-broken-when-a-button-is-created-with-formattedstring?utm_campaign=plugin&utm_content=tracker%2F12908224&utm_medium=issues&utm_source=github
Bountysource	https://www.bountysource.com/?utm_campaign=plugin&utm_content=tracker%2F12908224&utm_medium=issues&utm_source=github
backlog	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22backlog%22
bug	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22bug%22
css	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22css%22
severity: low	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22severity%3A%20low%22
	https://github.com
Terms	https://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacy	https://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Security	https://github.com/security
Status	https://www.githubstatus.com/
Community	https://github.community/
Docs	https://docs.github.com/
Contact	https://support.github.com?tags=dotcom-footer

Viewport: width=device-width

---

URLs of crawlers that visited me.