Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

left/right labels border in FlexboxLayout show extra border in iOS #10548

Open
3 tasks done
liuy97 opened this issue May 14, 2024 · 2 comments
Open
3 tasks done

left/right labels border in FlexboxLayout show extra border in iOS #10548

liuy97 opened this issue May 14, 2024 · 2 comments
Labels
bug-pending-triage Reported bug, pending triage to confirm.

Comments

@liuy97
Copy link

liuy97 commented May 14, 2024

Issue Description

<ActionBar title="My App"> </ActionBar>

<GridLayout>
  <ListView [items]="items">
    <ng-template let-item="item">
      <StackLayout [nsRouterLink]="['/item', item.id]">
        <FlexboxLayout justifyContent="flex-start" alignItems="center">
          <Label
            textAlignment="right"
            class="contact-type"
            text="{{ 'Contact' }}"
          ></Label>
          <Label
            textAlignment="right"
            class="contact-name"
            marginLeft="5"
            [text]="item.name"
          ></Label>
        </FlexboxLayout>
      </StackLayout>
    </ng-template>
  </ListView>
</GridLayout>
import { Component, OnInit } from '@angular/core';

import { Item } from './item';
import { ItemService } from './item.service';

@Component({
  selector: 'ns-items',
  styles: `
  .contact-type {
    font-size: 13;
    white-space: normal;
    border-right-color: blue;
    border-right-width: 1;
    padding-right: 5;
  }
  
  .contact-name {
    font-size: 15;
    color: blue;
    white-space: normal;
  }`,
  templateUrl: './items.component.html',
})
export class ItemsComponent implements OnInit {
  items: Array<Item>;

  constructor(private itemService: ItemService) {}

  ngOnInit(): void {
    this.items = this.itemService.getItems();
  }
}

Simulator Screenshot - iPhone 14 Pro Max - 2024-05-14 at 10 14 01

Reproduction

https://stackblitz.com/edit/nativescript-stackblitz-templates-wmcpdw

Relevant log output (if applicable)

No response

Environment

No response

Please accept these terms

@liuy97 liuy97 added the bug-pending-triage Reported bug, pending triage to confirm. label May 14, 2024
@CatchABus
Copy link
Contributor

CatchABus commented May 23, 2024

We had a similar problem in the past that got fixed.
Also, please post your environment details if possible before submitting an issue.

@liuy97
Copy link
Author

liuy97 commented May 23, 2024

@CatchABus , Here is my NS environment when I run this demo:

No issues were detected.
✔ Your ANDROID_HOME environment variable is set and points to correct directory.
✔ Your adb from the Android SDK is correctly installed.
✔ The Android SDK is installed.
✔ A compatible Android SDK for compilation is found.
✔ Javac is installed and is configured properly.
✔ The Java Development Kit (JDK) is installed and is configured properly.
✔ Xcode is installed and is configured properly.
✔ xcodeproj is installed and is configured properly.
✔ CocoaPods are installed.
✔ CocoaPods update is not required.
✔ CocoaPods are configured properly.
✔ Your current CocoaPods version is newer than 1.0.0.
✔ Python installed and configured correctly.
✔ Xcode version 14.3.1 satisfies minimum required version 10.
✔ Getting NativeScript components versions information...
⚠ Update available for component nativescript. Your current version is 8.7.0 and the latest available version is 8.7.1.
✔ Component @nativescript/core has 8.7.2 version and is up to date.
✔ Component @nativescript/ios has 8.7.2 version and is up to date.
✖ Component @nativescript/android is not installed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug-pending-triage Reported bug, pending triage to confirm.
Projects
None yet
Development

No branches or pull requests

2 participants