Skip to content

Line-height property breaks text alignment (iOS) #4906

Closed

Description

@sean-perkins

Did you verify this is a real problem by searching Stack Overflow and the other open issues in this repo?

Yes ✅

Tell us about the problem

When using the attribute or CSS style for line-height combined with text-alignment, the line-height attribute will cause the contents to always be left-aligned.

Which platform(s) does your issue occur on?

iOS

Please provide the following version numbers that your issue occurs with:

  • CLI: 3.2.0-2017-08-18-9693
  • Cross-platform modules: 3.1.1
  • Runtime(s): 3.2.0

Please tell us how to recreate the issue in as much detail as possible.

  1. tns create exampleApp --ng
  2. Create a Label, give it the following style
.example-lbl {
   line-height: 5;
   text-align: center;
}

Notice that the alignment does not apply.

With line-height:

screen shot 2017-09-29 at 9 33 09 pm

Without line-height:

screen shot 2017-09-29 at 9 32 57 pm

Activity

  1. EddyVerbruggen commented on Sep 30, 2017

    @EddyVerbruggen
    Contributor

    Hey @sean-perkins, I can confirm this is an issue on iOS. Since I submitted the PR to add line-height support in the first place, I feel a bit responsible so I just submitted PR #4909 to fix it.

  2. lock commented on Aug 27, 2019

    @lock

    This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.

  3. locked and limited conversation to collaborators on Aug 27, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Labels

No labels
No labels

Type

No type

Projects

No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions