tagsStyles are only applied to the children of tag but not to the element itself

[Nikhil-Vats]

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”

Good Faith Declaration

• I have read the HELP document here: https://git.io/JBi6R
• I have read the CONTRIBUTING document here: https://git.io/JJ0Pg
• I have confirmed that this bug has not been reported yet

Description

The tagsStyles prop are not applied to the tag but rather the children of the tag. So if I use -

<TRenderEngineProvider
    customHTMLElementModels={customHTMLElementModels}
    baseStyle={baseFontStyle}
    tagsStyles={{h1:{fontSize:'17px'}}
    systemFonts={systemFonts}
>

Then h1's font is set by the user agent stylesheet rather than the library and h1's children get font-size: 17px. This is causing an issue in strikethrough behaviour in one of my components.

React Native Information

confer snack

RNRH Version

6.3.1

Tested Platforms

• Android
• iOS
• Web
• MacOS
• Windows

Reproduction Platforms

• Android
• iOS
• Web
• MacOS
• Windows

Minimal, Reproducible Example

https://snack.expo.dev/hLYeCW0h7

Additional Notes

No response

[Pramod-Aswani1012]

I would like to solve this issue

[wildan-m]

@Nikhil-Vats have you found any solutions? I've experienced the same situation where defining lineHeight in android will cause it to appear cut off if we set the lineHeight tagStyle higher than baseStyle.lineHeight.