René's URL Explorer Experiment

Title: [IOS] lineHeight breaks textAlignment on Button label when multiline · Issue #8151 · NativeScript/NativeScript · GitHub

Open Graph Title: [IOS] lineHeight breaks textAlignment on Button label when multiline · Issue #8151 · NativeScript/NativeScript

X Title: [IOS] lineHeight breaks textAlignment on Button label when multiline · Issue #8151 · NativeScript/NativeScript

Description: I expect the following code to render a button with text centered inside. But on IOS, the text aligns left as soon as there is more than one line.

Open Graph Description: I expect the following code to render a button with text centered inside. But on IOS, the text aligns left as soon as there is more than one line.

X Description: I expect the following code to render a button with text centered inside. But on IOS, the text aligns left as soon as there is more than one line. <Button textWrap="true" textAlign=&qu...

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

X: @github

direct link

Domain: github.com

---

Hey, it has json ld scripts:

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"[IOS] lineHeight breaks textAlignment on Button label when multiline","articleBody":"I expect the following code to render a button with text centered inside.\r\nBut on IOS, the text aligns left as soon as there is more than one line.\r\n\r\n```html\r\n\u003cButton textWrap=\"true\" textAlign=\"center\"\u003e\r\n  \u003cFormattedString\u003e\r\n    \u003cSpan text=\"Start of text\" /\u003e\r\n    \u003cSpan text=\" \" /\u003e\r\n    \u003cSpan text=\"next part of text\" /\u003e\r\n  \u003c/FormattedString\u003e\r\n\u003c/Button\u003e\r\n```\r\n\r\nsee screenshot below:\r\n\r\n![image](https://user-images.githubusercontent.com/17208592/69828151-f52c6b00-121a-11ea-9727-e09e44e03f35.png)\r\n\r\n1st case: content wraps inside the button and is aligned left\r\n\r\n2nd case: content does not wrap and is aligned center as expected\r\n\r\nEDIT:\r\nThe problem also happen in a simple button. Is it apple that does not support centered multiline label on buttons?\r\n\r\n```html\r\n\u003cButton text=\"a long text that wraps on a second line\" textWrap=\"true\" textAlign=\"center\" /\u003e\r\n```\r\n\r\n![image](https://user-images.githubusercontent.com/17208592/69828478-51dc5580-121c-11ea-86df-9fba46cab53e.png)\r\n","author":{"url":"https://github.com/sylann","@type":"Person","name":"sylann"},"datePublished":"2019-11-28T19:09:48.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":6},"url":"https://github.com/8151/NativeScript/issues/8151"}

---

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:e824af0b-35cb-6ce9-e885-9c354fabbef1
current-catalog-service-hash	81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-id	CE9E:CA7BC:23E2FC1:2FD0FE4:69741C8F
html-safe-nonce	f1bb434faa1368de50187fcf553303db28bc1c6f739203afceaf123db0d182eb
visitor-payload	eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDRTlFOkNBN0JDOjIzRTJGQzE6MkZEMEZFNDo2OTc0MUM4RiIsInZpc2l0b3JfaWQiOiI0MDA0ODY3NzYwNDQwMjIwODE1IiwicmVnaW9uX2VkZ2UiOiJpYWQiLCJyZWdpb25fcmVuZGVyIjoiaWFkIn0=
visitor-hmac	69d9c20bc9355ae53da52097fd60e6e590292a9d845a5cbc28d0b79552c82af9
hovercard-subject-tag	issue:530050764
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/8151/issue_layout
twitter:image	https://opengraph.githubassets.com/e9e97a0428591f6cb5ac1ed7d274ebf38a4b1b71698fcdf51e04333d7d049026/NativeScript/NativeScript/issues/8151
twitter:card	summary_large_image
og:image	https://opengraph.githubassets.com/e9e97a0428591f6cb5ac1ed7d274ebf38a4b1b71698fcdf51e04333d7d049026/NativeScript/NativeScript/issues/8151
og:image:alt	I expect the following code to render a button with text centered inside. But on IOS, the text aligns left as soon as there is more than one line.
og:image:width	1200
og:image:height	600
og:site_name	GitHub
og:type	object
og:author:username	sylann
hostname	github.com
expected-hostname	github.com
None	447dc9917c3d68d647a01abfdefe55ec7ee1785922136c1d8395dbb3ab6d57b9
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	8dad7bdfecbe3eaa97ac4e632d6b47e2b23e81d9
ui-target	full
theme-color	#1e2327
color-scheme	light dark

Links:

Skip to content	https://github.com/NativeScript/NativeScript/issues/8151#start-of-content
	https://github.com/
Sign in	https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fissues%2F8151
GitHub CopilotWrite better code with AI	https://github.com/features/copilot
GitHub SparkBuild and deploy intelligent apps	https://github.com/features/spark
GitHub ModelsManage and compare prompts	https://github.com/features/models
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
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
GitHub SponsorsFund open source developers	https://github.com/sponsors
Security Lab	https://securitylab.github.com
Maintainer Community	https://maintainers.github.com
Accelerator	https://github.com/accelerator
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/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%2F8151
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/8151
Reload	https://github.com/NativeScript/NativeScript/issues/8151
Reload	https://github.com/NativeScript/NativeScript/issues/8151
NativeScript	https://github.com/NativeScript
NativeScript	https://github.com/NativeScript/NativeScript
Please reload this page	https://github.com/NativeScript/NativeScript/issues/8151
Notifications	https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Fork 1.7k	https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Star 25.4k	https://github.com/login?return_to=%2FNativeScript%2FNativeScript
Code	https://github.com/NativeScript/NativeScript
Issues 869	https://github.com/NativeScript/NativeScript/issues
Pull requests 61	https://github.com/NativeScript/NativeScript/pulls
Discussions	https://github.com/NativeScript/NativeScript/discussions
Actions	https://github.com/NativeScript/NativeScript/actions
Projects 0	https://github.com/NativeScript/NativeScript/projects
Wiki	https://github.com/NativeScript/NativeScript/wiki
Security 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	https://github.com/NativeScript/NativeScript/security
Insights	https://github.com/NativeScript/NativeScript/pulse
New issue	https://github.com/login?return_to=https://github.com/NativeScript/NativeScript/issues/8151
New issue	https://github.com/login?return_to=https://github.com/NativeScript/NativeScript/issues/8151
[IOS] lineHeight breaks textAlignment on Button label when multiline	https://github.com/NativeScript/NativeScript/issues/8151#top
os: ios	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22os%3A%20ios%22
	https://github.com/sylann
	https://github.com/sylann
sylann	https://github.com/sylann
on Nov 28, 2019	https://github.com/NativeScript/NativeScript/issues/8151#issue-530050764
	https://user-images.githubusercontent.com/17208592/69828151-f52c6b00-121a-11ea-9727-e09e44e03f35.png
	https://user-images.githubusercontent.com/17208592/69828478-51dc5580-121c-11ea-86df-9fba46cab53e.png
os: ios	https://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22os%3A%20ios%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.