Skip to content

Feature request: text-stroke property and/or text-shadow #3972

Closed

Description

@ickata

Hi {N} team,

I wonder if it is technically possible on both platforms and have you got any plans implementing text-stroke, and/or text-shadow CSS properties? The text-shadow is a valid CSS property. text-stroke as well, however some vendors support it with prefix (e.g. -webkit-text-stroke).

I need to add outline to text. Semantically text-stroke is what I need, but text-shadow also does the job when used like this text-shadow: 0 0 red.

I'll be happy to know if there is some workaround in tns 2.5 to achieve this.

Thanks!

Activity

  1. NordlingDev commented on Apr 11, 2017

    @NordlingDev

    I explained a possible workaround here for iOS. However, it somewhat doesn't render the outline even though it should.

  2. tsonevn commented on Apr 11, 2017

    @tsonevn
    Contributor

    Hi @ickata,
    A similar issue for text-shadow support has been logged here. Please if you have some further suggestions comment on the other issue.

  3. id-aditya commented on Aug 17, 2017

    @id-aditya

    +1

  4. lock commented on Aug 28, 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.

  5. locked and limited conversation to collaborators on Aug 28, 2019
  6. NathanWalker commented on May 12, 2023

    @NathanWalker
    Contributor

    We will be supporting valid css spec text-stroke in the next minor release of core.
    https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-text-stroke
    For example:

    .label-outline {
      text-stroke: 2 black;
    }
    
  7. self-assigned this
    on May 12, 2023
  8. added this to the 8.6 milestone on May 12, 2023
  9. added a commit that references this issue on Oct 9, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions