Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

Bold tag not rendering correctly #539

Closed
9 of 15 tasks
faisal-vf opened this issue Nov 24, 2021 · 1 comment
Closed
9 of 15 tasks

Bold tag not rendering correctly #539

faisal-vf opened this issue Nov 24, 2021 · 1 comment
Labels
bug Crush'em all.

Comments

@faisal-vf
Copy link

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

Description

Recently migrated to 6.3.0 from 5.1.0 and noticed that bold tag is no longer working. e.g.

const source = {
  html: `
<p style='text-align:center;'>
  <b>Hello World!</b>
</p>`
};

I resolved this issue by using tagsStyles

tagsStyles = {{ b: { fontWeight: "bold" } }}

This is tested on both iOS (15.0) and android (11) with react native 0.64.2

React Native Information

System:
    OS: macOS 11.6.1
    CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
    Memory: 128.71 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 15.2.1 - ~/.nvm/versions/node/v15.2.1/bin/node
    Yarn: 1.22.11 - /usr/local/bin/yarn
    npm: 7.24.2 - ~/.nvm/versions/node/v15.2.1/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.10.1 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.0.1, iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0
    Android SDK:
      API Levels: 26, 28, 29, 30, 31
      Build Tools: 27.0.3, 28.0.3, 29.0.0, 29.0.2, 29.0.3, 30.0.2
      System Images: android-28 | Google Play Intel x86 Atom, android-30 | Google Play Intel x86 Atom
      Android NDK: Not Found
  IDEs:
    Android Studio: 2020.3 AI-203.7717.56.2031.7784292
    Xcode: 13.1/13A1030d - /usr/bin/xcodebuild
  Languages:
    Java: 1.8.0_242 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.1 => 17.0.1 
    react-native: 0.64.2 => 0.64.2 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

RNRH Version

6.3.0

Tested Platforms

  • Android
  • iOS
  • Web
  • MacOS
  • Windows

Reproduction Platforms

  • Android
  • iOS
  • Web
  • MacOS
  • Windows

Minimal, Reproducible Example

const source = {
  html: `
<p style='text-align:center;'>
  <b>Hello World!</b>
</p>`
};

Additional Notes

No response

@faisal-vf faisal-vf added the bug Crush'em all. label Nov 24, 2021
@jsamr
Copy link
Collaborator

jsamr commented Nov 25, 2021

@faisal-vf thank you so much for this fair report! That will be fixed soon.

@jsamr jsamr closed this as completed in 7bd5045 Nov 25, 2021
# for free to join this conversation on GitHub. Already have an account? # to comment
Labels
bug Crush'em all.
Projects
None yet
Development

No branches or pull requests

2 participants