Skip to content

[iOS] HtmlView padding is ignored #4358

Open
Open
[iOS] HtmlView padding is ignored#4358
Labels
backlogbugcssos: iosseverity: low

Description

@PeterStaev
PeterStaev
opened on Jun 12, 2017

On iOS the HtmlView padding is not being set at all. For example:

<HtmlView style="background-color: red; padding: 200;" 
html="<span style='background-color:green'>TEST</span>"/>

renders like:
screen shot 2017-06-12 at 4 45 10 pm

The HtmlView should implement the padding* properties like the TextView widget as well as set UITextVew.textContainer.lineFragmentPadding in order to eliminate the default left padding.

Want to back this issue? Post a bounty on it! We accept bounties via Bountysource.

Activity

  1. tsonevn
    added
    os: ios
    on Jun 13, 2017

  2. tsonevn commented on Jun 13, 2017

    @tsonevn
    tsonevn
    on Jun 13, 2017
    Contributor

    Hi @PeterStaev,
    Indeed there is an issue with adding the padding to the HtmlView for iOS. Setting up this property will not apply any changes to the view. I am attaching sample project, where this scenario could be reproduced.

    This issue is reproducible on NativeScript 3.0 as well as 2.5
    Archive.zip

  3. tsonevn
    added
    bug
    backlog
    severity: low
    on Jun 13, 2017

  4. 7ammer commented on Apr 27, 2018

    @7ammer
    7ammer
    on Apr 27, 2018

    Any updates here?
    :L

  5. tsonevn commented on Apr 30, 2018

    @tsonevn
    tsonevn
    on Apr 30, 2018
    Contributor

    Hi @7ammer,
    This issue is still under review.

  6. tsonevn commented on Jul 27, 2018

    @tsonevn
    tsonevn
    on Jul 27, 2018
    Contributor

    The issue is still reproducible with NativeScript 4.1.
    Archive.zip

  7. fgutteridge commented on Nov 15, 2019

    @fgutteridge
    fgutteridge
    on Nov 15, 2019

    Still present in 6.1.2.

  8. ShobhitJain3040 commented on May 3, 2020

    @ShobhitJain3040
    ShobhitJain3040
    on May 3, 2020

    I am using 6.4 and this issue is still there, any solutions?

  9. dondre commented on Oct 27, 2021

    @dondre
    dondre
    on Oct 27, 2021

    I encountered this issue, it's annoying but if you make the background transparent it's easy to workaround.

    <StackLayout class="p-10">
<HtmlView height="20%" class="m-10" backgroundColor="transparent" [html]="item.richText" />
</StackLayout>
  10. NathanWalker
    added
    css
    on Oct 23, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    backlogbugcssos: iosseverity: low

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions