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
Domain: github.com
{"@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\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\r\n\r\nCompared to the correct look on iOS 12:\r\n\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-controller | voltron_issues_fragments |
| route-action | issue_layout |
| fetch-nonce | v2:7ec986e1-1b9f-3fec-4747-22e5501dc649 |
| current-catalog-service-hash | 81bb79d38c15960b92d99bca9288a9108c7a47b18f2423d0f6438c5b7bcd2114 |
| request-id | CFA8:3BD138:18BB4D:21C27C:6A5FB972 |
| html-safe-nonce | e8c02e807aa730f67fa6bfb7314862d7f985d8bd79a6724380269decf7a0efc0 |
| visitor-payload | eyJyZWZlcnJlciI6IiIsInJlcXVlc3RfaWQiOiJDRkE4OjNCRDEzODoxOEJCNEQ6MjFDMjdDOjZBNUZCOTcyIiwidmlzaXRvcl9pZCI6IjE3NjE5MzY5MjEwOTI2Njc3NjIiLCJyZWdpb25fZWRnZSI6ImlhZCIsInJlZ2lvbl9yZW5kZXIiOiJpYWQifQ== |
| visitor-hmac | 62b93a4c31375443c4d656d3ee48ea63def74a1f79df3bc9336adfa3591eaca2 |
| hovercard-subject-tag | issue:554203029 |
| github-keyboard-shortcuts | repository,issues,copilot |
| google-site-verification | Apib7-x98H0j5cPqHWwSMm6dNU4GmODRoqxLiDzdx9I |
| octolytics-url | https://collector.github.com/github/collect |
| analytics-location | / |
| fb:app_id | 1401488693436528 |
| apple-itunes-app | app-id=1477376905, app-argument=https://github.com/_view_fragments/issues/show/NativeScript/NativeScript/8272/issue_layout |
| twitter:image | https://opengraph.githubassets.com/421ed2666e83d78b3747c77cf02338e2e35b0d282527af4d7b3965543945ed52/NativeScript/NativeScript/issues/8272 |
| twitter:card | summary_large_image |
| og:image | https://opengraph.githubassets.com/421ed2666e83d78b3747c77cf02338e2e35b0d282527af4d7b3965543945ed52/NativeScript/NativeScript/issues/8272 |
| og:image:alt | 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... |
| og:image:width | 1200 |
| og:image:height | 600 |
| og:site_name | GitHub |
| og:type | object |
| og:author:username | felixkrautschuk |
| 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:
Viewport: width=device-width