René's URL Explorer Experiment

{"@context":"https://schema.org","@type":"DiscussionForumPosting","headline":"left/right labels border in FlexboxLayout show extra border in iOS","articleBody":"### Issue Description\n\n```\r\n\u003cActionBar title=\"My App\"\u003e \u003c/ActionBar\u003e\r\n\r\n\u003cGridLayout\u003e\r\n  \u003cListView [items]=\"items\"\u003e\r\n    \u003cng-template let-item=\"item\"\u003e\r\n      \u003cStackLayout [nsRouterLink]=\"['/item', item.id]\"\u003e\r\n        \u003cFlexboxLayout justifyContent=\"flex-start\" alignItems=\"center\"\u003e\r\n          \u003cLabel\r\n            textAlignment=\"right\"\r\n            class=\"contact-type\"\r\n            text=\"{{ 'Contact' }}\"\r\n          \u003e\u003c/Label\u003e\r\n          \u003cLabel\r\n            textAlignment=\"right\"\r\n            class=\"contact-name\"\r\n            marginLeft=\"5\"\r\n            [text]=\"item.name\"\r\n          \u003e\u003c/Label\u003e\r\n        \u003c/FlexboxLayout\u003e\r\n      \u003c/StackLayout\u003e\r\n    \u003c/ng-template\u003e\r\n  \u003c/ListView\u003e\r\n\u003c/GridLayout\u003e\r\n```\r\n\r\n```\r\nimport { Component, OnInit } from '@angular/core';\r\n\r\nimport { Item } from './item';\r\nimport { ItemService } from './item.service';\r\n\r\n@Component({\r\n  selector: 'ns-items',\r\n  styles: `\r\n  .contact-type {\r\n    font-size: 13;\r\n    white-space: normal;\r\n    border-right-color: blue;\r\n    border-right-width: 1;\r\n    padding-right: 5;\r\n  }\r\n  \r\n  .contact-name {\r\n    font-size: 15;\r\n    color: blue;\r\n    white-space: normal;\r\n  }`,\r\n  templateUrl: './items.component.html',\r\n})\r\nexport class ItemsComponent implements OnInit {\r\n  items: Array\u003cItem\u003e;\r\n\r\n  constructor(private itemService: ItemService) {}\r\n\r\n  ngOnInit(): void {\r\n    this.items = this.itemService.getItems();\r\n  }\r\n}\r\n\r\n```\r\n![Simulator Screenshot - iPhone 14 Pro Max - 2024-05-14 at 10 14 01](https://github.com/NativeScript/NativeScript/assets/2961144/af01e8c0-0d00-4b7e-ae58-8bbd5b6b1828)\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/nativescript-stackblitz-templates-wmcpdw\n\n### Relevant log output (if applicable)\n\n_No response_\n\n### Environment\n\n_No response_\n\n### Please accept these terms\n\n- [X] I have searched the [existing issues](https://github.com/NativeScript/NativeScript/issues) as well as [StackOverflow](https://stackoverflow.com/questions/tagged/nativescript) and this has not been posted before\n- [X] This is a bug report\n- [X] I agree to follow this project's [Code of Conduct](https://github.com/NativeScript/NativeScript/blob/master/tools/notes/CONTRIBUTING.md#coc)","author":{"url":"https://github.com/liuy97","@type":"Person","name":"liuy97"},"datePublished":"2024-05-14T08:17:13.000Z","interactionStatistic":{"@type":"InteractionCounter","interactionType":"https://schema.org/CommentAction","userInteractionCount":4},"url":"https://github.com/10548/NativeScript/issues/10548"}