Balise <sup> is displaying like <sub> in react-native-render-html custom renderer
I'm using react-native-render-html to render html and the HTML Tag is like a defines subscript text.
Au IV<sup>e</sup>
In my app :
I'm trying to have style to avoid that but I think there is better way to solve the issue.
What to you thing
Solution
The default style for <sup> element looks like this:
{
textAlignVertical: 'top',
fontSize: 'smaller'
}
Unfortunately, there is a bug on React Native whereby textAlignVertical: 'top' doesn't work for nested Text elements on Android.
I've also submitted a feature request for 'sub' and 'sup' support in their Canny.
I suggest you:
- Upvote the Canny feature request;
- Upvote the bug report;
That would help giving more visibility to those issues. And if you or your team has any Android SDK experience, you could also submit a fix upstream. Check the bug report thread as a contributor seems engaged in resolving the issue.
- HTML Render with RenderHTML and Webview React Native
- Typewriter effect not working RenderHtml component (React - Native)
- When rendering iframes with <HTML />, Android crashes while navigating back to stack screen
- Default font size for all text in react-native-render-html
- react-native-render-html: "You seem to update the X prop of the Y component in short periods of time..."
- Allow Copy Texts with RenderHTML in React Native
- React Native HTML - rendering a linear background gradient
- How to open the browser when a link is pressed?
- Error linking an url containing & using react-native-render-html
- How to force a tag to full-width in React-Native-Render-Html?
- How to grab a <span> with a particular class using react-native-render-html
- `react-native-render-html` default WebView props (`originWhitelist `)
- Balise <sup> is displaying like <sub> in react-native-render-html custom renderer
- Extract raw HTML in react-native-render-html custom renderer
- Unable to resolve XXX from module YYY
- React native render HTMl -> classstyle not working