René's URL Explorer Experiment


Title: iOS 13: Button text gets truncated in the middle when using FormattedString with FontAwesome · Issue #8272 · NativeScript/NativeScript · GitHub

Open Graph Title: iOS 13: Button text gets truncated in the middle when using FormattedString with FontAwesome · Issue #8272 · NativeScript/NativeScript

X Title: iOS 13: Button text gets truncated in the middle when using FormattedString with FontAwesome · Issue #8272 · NativeScript/NativeScript

Description: Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.3.3 @nativescript/core 6.3.2 Android Runt...

Open Graph Description: Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.3...

X Description: Environment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.3...

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

X: @github

direct link

Domain: github.com


Hey, it has json ld scripts:
{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"iOS 13: Button text gets truncated in the middle when using FormattedString with FontAwesome","articleBody":"**Environment**\r\nProvide version numbers for the following components (information can be retrieved by running `tns info` in your project folder or by inspecting the `package.json` of the project):\r\n - CLI: 6.3.3\r\n - @nativescript/core 6.3.2\r\n - Android Runtime: -\r\n - iOS Runtime: 6.3.0\r\n - Plugin(s): -\r\n\r\n**Describe the bug**\r\nin iOS 13, a Button's text gets truncated in the middle when using a FormattedString with FontAwesome. This also happens if the text is short and if there is enough space to show the whole text.\r\nFor us, it is only reproducable on iOS 13 Simulator (we have no iOS 13 physical device, but we cannot reproduce it on our iPhone 6 with iOS 12 and the iOS 12 simulator).\r\n\r\n![Bildschirmfoto 2020-01-23 um 15 32 34](https://user-images.githubusercontent.com/6443021/72993919-7ad12f00-3df6-11ea-9a21-39d36d6ac6b2.png)\r\n\r\n\r\nIn addition, yo can see on iOS 13 Simulator, that the bottom part of the button's text is cutt off a bit. There is no padding or anything else that could cause this issue.\r\n![Bildschirmfoto 2020-01-23 um 15 42 14](https://user-images.githubusercontent.com/6443021/72994296-25e1e880-3df7-11ea-89cf-a08908321496.png)\r\n\r\nCompared to the correct look on iOS 12:\r\n![Bildschirmfoto 2020-01-23 um 15 44 27](https://user-images.githubusercontent.com/6443021/72994424-5f1a5880-3df7-11ea-9ee5-6ebc6ed51c81.png)\r\n\r\n\r\n\r\n**To Reproduce**\r\nJust see the sample app provided below.\r\n\r\n**Expected behavior**\r\nThe button's text should only be truncated if the content is too long.\r\nThe button's text should not be cut off at the bottom.\r\n\r\n**Sample project**\r\n[NSButtonFontAwesomeIssueIOS.zip](https://github.com/NativeScript/NativeScript/files/4103584/NSButtonFontAwesomeIssueIOS.zip)\r\n\r\n**Additional context**\r\nThere is a workaround for truncation in the middle of the text:\r\nJust add a white space to the last Span's text or add a new Span with text=\" \" at the end of the FormattedString.\r\n\r\nBut I came to this workaround only by a happy accident, so if there is no prompt fix on this, it should be added to the documentation anywhere at least.\r\n","author":{"url":"https://github.com/felixkrautschuk","@type":"Person","name":"felixkrautschuk"},"datePublished":"2020-01-23T14:45:53.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":2},"url":"https://github.com/8272/NativeScript/issues/8272"}

route-pattern/_view_fragments/issues/show/:user_id/:repository/:id/issue_layout(.:format)
route-controllervoltron_issues_fragments
route-actionissue_layout
fetch-noncev2:7ec986e1-1b9f-3fec-4747-22e5501dc649
current-catalog-service-hash81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114
request-idCFA8:3BD138:18BB4D:21C27C:6A5FB972
html-safe-noncee8c02e807aa730f67fa6bfb7314862d7f985d8bd79a6724380269decf7a0efc0
visitor-payloadeyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDRkE4OjNCRDEzODoxOEJCNEQ6MjFDMjdDOjZBNUZCOTcyIiwidmlzaXRvcl9pZCI6IjE3NjE5MzY5MjEwOTI2Njc3NjIiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ==
visitor-hmac62b93a4c31375443c4d656d3ee48ea63def74a1f79df3bc9336adfa3591eaca2
hovercard-subject-tagissue:554203029
github-keyboard-shortcutsrepository,issues,copilot
google-site-verificationApib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I
octolytics-urlhttps://collector.github.com/github/collect
analytics-location///voltron/issues_fragments/issue_layout
fb:app_id1401488693436528
apple-itunes-appapp-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/NativeScript/8272/issue_layout
twitter:imagehttps://opengraph.githubassets.com/421ed2666e83d78b3747c77cf02338e2e35b0d282527af4d7b3965543945ed52/NativeScript/NativeScript/issues/8272
twitter:cardsummary_large_image
og:imagehttps://opengraph.githubassets.com/421ed2666e83d78b3747c77cf02338e2e35b0d282527af4d7b3965543945ed52/NativeScript/NativeScript/issues/8272
og:image:altEnvironment Provide version numbers for the following components (information can be retrieved by running tns info in your project folder or by inspecting the package.json of the project): CLI: 6.3...
og:image:width1200
og:image:height600
og:site_nameGitHub
og:typeobject
og:author:usernamefelixkrautschuk
hostnamegithub.com
expected-hostnamegithub.com
Nonee0cfc367faf9c4c774d2a903897aa214c786247c4f45ffcee48cda2b819fb0c8
turbo-cache-controlno-preview
go-importgithub.com/NativeScript/NativeScript git https://github.com/NativeScript/NativeScript.git
octolytics-dimension-user_id7392261
octolytics-dimension-user_loginNativeScript
octolytics-dimension-repository_id31492490
octolytics-dimension-repository_nwoNativeScript/NativeScript
octolytics-dimension-repository_publictrue
octolytics-dimension-repository_is_forkfalse
octolytics-dimension-repository_network_root_id31492490
octolytics-dimension-repository_network_root_nwoNativeScript/NativeScript
turbo-body-classeslogged-out env-production page-responsive
disable-turbofalse
browser-stats-urlhttps://api.github.com/_private/browser/stats
browser-errors-urlhttps://api.github.com/_private/browser/errors
release94569c859bc88d6bf7de7e0ce3f2a11cd529a131
ui-targetfull
theme-color#1e2327
color-schemelight dark

Links:

Skip to contenthttps://github.com/NativeScript/NativeScript/issues/8272#start-of-content
https://github.com/
Sign in https://github.com/login?return_to=https%3A%2F%2Fgithub.com%2FNativeScript%2FNativeScript%2Fissues%2F8272
GitHub CopilotWrite better code with AIhttps://github.com/features/copilot
GitHub Copilot appDirect agents from issue to mergehttps://github.com/features/ai/github-app
MCP RegistryNewIntegrate external toolshttps://github.com/mcp
ActionsAutomate any workflowhttps://github.com/features/actions
CodespacesInstant dev environmentshttps://github.com/features/codespaces
IssuesPlan and track workhttps://github.com/features/issues
Code ReviewManage code changeshttps://github.com/features/code-review
Code QualityEnforce quality at mergehttps://github.com/features/code-quality
GitHub Advanced SecurityFind and fix vulnerabilitieshttps://github.com/security/advanced-security
Code securitySecure your code as you buildhttps://github.com/security/advanced-security/code-security
Secret protectionStop leaks before they starthttps://github.com/security/advanced-security/secret-protection
Why GitHubhttps://github.com/why-github
Documentationhttps://docs.github.com
Bloghttps://github.blog
Changeloghttps://github.blog/changelog
Marketplacehttps://github.com/marketplace
View all featureshttps://github.com/features
Enterpriseshttps://github.com/enterprise
Small and medium teamshttps://github.com/team
Startupshttps://github.com/enterprise/startups
Nonprofitshttps://github.com/solutions/industry/nonprofits
App Modernizationhttps://github.com/solutions/use-case/app-modernization
DevSecOpshttps://github.com/solutions/use-case/devsecops
DevOpshttps://github.com/solutions/use-case/devops
CI/CDhttps://github.com/solutions/use-case/ci-cd
View all use caseshttps://github.com/solutions/use-case
Healthcarehttps://github.com/solutions/industry/healthcare
Financial serviceshttps://github.com/solutions/industry/financial-services
Manufacturinghttps://github.com/solutions/industry/manufacturing
Governmenthttps://github.com/solutions/industry/government
View all industrieshttps://github.com/solutions/industry
View all solutionshttps://github.com/solutions
AIhttps://github.com/resources/articles?topic=ai
Software Developmenthttps://github.com/resources/articles?topic=software-development
DevOpshttps://github.com/resources/articles?topic=devops
Securityhttps://github.com/resources/articles?topic=security
View all topicshttps://github.com/resources/articles
Customer storieshttps://github.com/customer-stories
Events & webinarshttps://github.com/resources/events
Ebooks & reportshttps://github.com/resources/whitepapers
Business insightshttps://github.com/solutions/executive-insights
GitHub Skillshttps://skills.github.com
Documentationhttps://docs.github.com
Customer supporthttps://support.github.com
Community forumhttps://github.com/orgs/community/discussions
Trust centerhttps://github.com/trust-center
Partnershttps://github.com/partners
View all resourceshttps://github.com/resources
GitHub SponsorsFund open source developershttps://github.com/open-source/sponsors
Security Labhttps://securitylab.github.com
Maintainer Communityhttps://maintainers.github.com
Acceleratorhttps://github.com/open-source/accelerator
GitHub Starshttps://stars.github.com
Archive Programhttps://archiveprogram.github.com
Topicshttps://github.com/topics
Trendinghttps://github.com/trending
Collectionshttps://github.com/collections
Enterprise platformAI-powered developer platformhttps://github.com/enterprise
GitHub Advanced SecurityEnterprise-grade security featureshttps://github.com/security/advanced-security
Copilot for BusinessEnterprise-grade AI featureshttps://github.com/features/copilot/copilot-business
Premium SupportEnterprise-grade 24/7 supporthttps://github.com/enterprise/premium-support
Pricinghttps://github.com/pricing
Search syntax tipshttps://docs.github.com/search-github/github-code-search/understanding-github-code-search-syntax
documentationhttps://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%2F8272
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
Reloadhttps://github.com/NativeScript/NativeScript/issues/8272
Reloadhttps://github.com/NativeScript/NativeScript/issues/8272
Reloadhttps://github.com/NativeScript/NativeScript/issues/8272
Please reload this pagehttps://github.com/NativeScript/NativeScript/issues/8272
NativeScript https://github.com/NativeScript
NativeScripthttps://github.com/NativeScript/NativeScript
Please reload this pagehttps://github.com/NativeScript/NativeScript/issues/8272
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
iOS 13: Button text gets truncated in the middle when using FormattedString with FontAwesomehttps://github.com/NativeScript/NativeScript/issues/8272#top
bughttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22bug%22
os: ioshttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22os%3A%20ios%22
https://github.com/felixkrautschuk
felixkrautschukhttps://github.com/felixkrautschuk
on Jan 23, 2020https://github.com/NativeScript/NativeScript/issues/8272#issue-554203029
https://user-images.githubusercontent.com/6443021/72993919-7ad12f00-3df6-11ea-9a21-39d36d6ac6b2.png
https://user-images.githubusercontent.com/6443021/72994296-25e1e880-3df7-11ea-89cf-a08908321496.png
https://user-images.githubusercontent.com/6443021/72994424-5f1a5880-3df7-11ea-9ee5-6ebc6ed51c81.png
NSButtonFontAwesomeIssueIOS.ziphttps://github.com/NativeScript/NativeScript/files/4103584/NSButtonFontAwesomeIssueIOS.zip
bughttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22bug%22
os: ioshttps://github.com/NativeScript/NativeScript/issues?q=state%3Aopen%20label%3A%22os%3A%20ios%22
https://github.com
Termshttps://docs.github.com/site-policy/github-terms/github-terms-of-service
Privacyhttps://docs.github.com/site-policy/privacy-policies/github-privacy-statement
Securityhttps://github.com/security
Statushttps://www.githubstatus.com/
Communityhttps://github.community/
Docshttps://docs.github.com/
Contacthttps://support.github.com?tags=dotcom-footer

Viewport: width=device-width


URLs of crawlers that visited me.