[Bug] Not rendering properly

Oath

I swear that I have completed these tasks before submitting:

• I have read the contribution guidelines here: https://git.io/JJ0Pg
• I have read the documentation here: https://git.io/JJcAl
• I have confirmed that this bug has not been reported yet

Decision table

• My issue does not look like “The HTML attribute ‘xxx’ is ignored” (unless we claim support for it),
• My issue does not look like “The HTML element <yyy> is not rendered”

Bug Report

HTML is not being rendered properly.

Libraries

• react-native-render-html: 6.0.0-alpha.11
• react-native-webview: N/A

Reproduction

https://snack.expo.io/@jsamr/rnrh-453

Description

HTML Should be rendered like this.

But instead, it’s like this.

Reproducible Demo

https://snack.expo.io/@jsamr/rnrh-453

(Paste the link to an example project or paste the entirety of the relevant source code. When deemed appropriate, provide instructions to reproduce the issue.)

(If you plan to provide a Regression Test PR, just leave a line written Planned Regression Test and link it here when it’s ready. We will be happy to provide you help with crafting the test on our Discord #contributing channel.)

[sayem314]

Thank you very much for taking the time to explain. Appreciate the effort you put into this project. ❤️

[jsamr]

Another issue I have came across when using.

htmlParserOptions={{
  xmlMode: true, // since I'm reading feeds html
  decodeEntities: false, // I do that already with feed parser library
}}

[Sat Jan 30 2021 24:05:46.696]  INFO     Transient Render Tree update:
 •TDocument(tag=html)
  └─•TBlock(tag=body)
    ├─•TBlock(tag=h2)
    │ └─•TPhrasing(anonymous)
    │   └─•TText(anonymous,data["rails made rails/tailwin"…])
    ├─•TPhrasing(anonymous)
    │ └─•TText(tag=i,data["Thursday, January 14, 21"…])
    └─•TBlock(tag=div,classes=public)
      └─•TBlock(tag=div,classes=body)
        └─•TBlock(tag=div,classes=d-flex flex-items-baseline border-bottom border-gray py-3)
          ├─•TBlock(tag=span)
          │ └─•TBlock(tag=a,anchor[/rails])
          │   └─•TBlock(tag=img,classes=avatar)
          └─•TBlock(tag=div,classes=d-flex flex-column width-full)
            ├─•TBlock(tag=div)
            │ └─•TBlock(tag=div,classes=d-flex flex-items-baseline)
            │   └─•TBlock(tag=div)
            │     └─•TPhrasing(anonymous)
            │       ├─•TText(tag=a,classes=link-gray-dark no-underline text-bold wb-break-all d-inline-block,data["rails"],anchor[/rails])
            │       ├─•TText(anonymous,data[" made "])
            │       ├─•TText(tag=a,classes=link-gray-dark no-underline text-bold wb-break-all d-inline-block,data["rails/tailwindcss-rails"],anchor[/rails/tailwindcss-rails])
            │       ├─•TText(anonymous,data[" public"])
            │       └─•TPhrasing(tag=span,classes=f6 text-gray-light no-wrap ml-1)
            └─•TBlock(tag=div,classes=Box p-3 my-2)
              └─•TBlock(tag=div)
                ├─•TBlock(tag=div,classes=f4 lh-condensed text-bold text-gray-dark)
                │ └─•TPhrasing(anonymous)
                │   └─•TText(tag=a,classes=link-gray-dark no-underline text-bold wb-break-all d-inline-block,data["rails/tailwindcss-rails"],anchor[/rails/tailwindcss-rails])
                ├─•TBlock(tag=div,classes=dashboard-break-word text-gray mt-1 mb-0 repo-description)
                │ └─•TBlock(tag=p)
                └─•TBlock(tag=p,classes=f6 text-gray mt-2 mb-0)
                  ├─•TPhrasing(anonymous)
                  │ └─•TPhrasing(tag=span,classes=d-inline-block text-gray mr-3)
                  │   └─•TPhrasing(tag=span,classes=ml-0)
                  │     ├─•TText(tag=span,classes=repo-language-color,data[""])
                  │     ├─•TText(anonymous,data[" "])
                  │     └─•TText(tag=span,data["CSS"])
                  ├─•TBlock(tag=span)
                  │ ├─•TBlock(tag=svg,classes=octicon octicon-star mr-1)
                  │ │ └─•TEmpty(tag=path)
                  │ └─•TPhrasing(anonymous)
                  │   └─•TText(anonymous,data["494"])
                  └─•TPhrasing(anonymous)
                    └─•TText(tag=span,data["Updated Jan 27"])

Yes, because it is not a Web engine, we don’t provide default renderers for SVG tags. But one SVG renderer might be implemented at some point in the https://github.com/native-html/plugins project (I can also be hired for a paid job regarding this feature). Also, make sure the react-native-webview library would not be a better fit for your requirements.