react-native-render-html icon indicating copy to clipboard operation
react-native-render-html copied to clipboard
verified publisher icon meliorence

Failed prop type: invalid prop `color` supplied to `text`: "windowtext"

Open KingJS226 opened this issue 3 years ago • 0 comments

Decision Table

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

Good Faith Declaration

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

Description

When Html component rendered, follow error warning is occurred in terminal. ERROR Warning: Failed prop type: Invalid propcolorsupplied toText`: windowtext Valid color formats are

  • '#f0f' (#rgb)
  • '#f0fc' (#rgba)
  • '#ff00ff' (#rrggbb)
  • '#ff00ff00' (#rrggbbaa)
  • 'rgb(255, 255, 255)'
  • 'rgba(255, 255, 255, 1.0)'
  • 'hsl(360, 100%, 100%)'
  • 'hsla(360, 100%, 100%, 1.0)'
  • 'transparent'
  • 'red'
  • 0xff00ff00 (0xrrggbbaa)

Bad object: { "fontSize": 14, "color": "windowtext", "textDecorationLine": "underline", "textDecorationColor": "#245dc1" } Text in TDefaultPhrasingRenderer (created by ARenderer) in ARenderer (created by MemoizedTNodeRenderer) in MemoizedTNodeRenderer in TNodeChildrenRenderer (created by MemoizedTNodeRenderer) in RCTText (at Text.js:131) in TouchableText (at Text.js:242) in Text (created by MemoizedTNodeRenderer) in MemoizedTNodeRenderer in TNodeChildrenRenderer (created by MemoizedTNodeRenderer) in RCTView (at View.js:34) in View (created by MemoizedTNodeRenderer) in MemoizedTNodeRenderer in TNodeChildrenRenderer (created by MemoizedTNodeRenderer) in RCTView (at View.js:34) in View (created by MemoizedTNodeRenderer) in MemoizedTNodeRenderer in TNodeChildrenRenderer (created by MemoizedTNodeRenderer) in RCTView (at View.js:34) in View (created by MemoizedTNodeRenderer) in MemoizedTNodeRenderer in Unknown (at RenderTTree.tsx:11) in RenderTTree (created by SourceLoaderInline) in SourceLoaderInline (created by RawSourceLoader) in RawSourceLoader (created by RenderHtmlSource) in RenderHtmlSource in RenderersPropsProvider (at RenderHTMLConfigProvider.tsx:76) in ListStyleSpecsProvider (at RenderHTMLConfigProvider.tsx:75) in SharedPropsProvider (at RenderHTMLConfigProvider.tsx:74) in RenderRegistryProvider (at RenderHTMLConfigProvider.tsx:71) in RenderHTMLConfigProvider (at RenderHTML.tsx:34) in TRenderEngineProvider (at RenderHTML.tsx:33) in RenderHTMLDebug (at RenderHTML.tsx:32) in RenderHTML (at WebViewDialog/index.js:25) in RCTScrollContentView (at ScrollView.js:1107) in RCTScrollView (at ScrollView.js:1238) in ScrollView (at ScrollView.js:1264) in ScrollView (at WebViewDialog/index.js:24) in RCTView (at View.js:34) in View (at View.js:10) in ViewNB (at connectStyle.js:392) in Styled(ViewNB) (at WebViewDialog/index.js:14) in RCTView (at View.js:34) in View (at View.js:10) in ViewNB (at connectStyle.js:392) in Styled(ViewNB) (at AppDialog/index.js:159) in RCTView (at View.js:34) in View (at DialogContent.js:17) in DialogContent (at AppDialog/index.js:146) in RCTView (at View.js:34) in View (at createAnimatedComponent.js:217) in AnimatedComponent (at createAnimatedComponent.js:278) in AnimatedComponentWrapper (at Dialog.js:191) in RCTView (at View.js:34) in View (at Dialog.js:181) in Dialog (at PopupDialog.js:73) in _default (at react-native-root-siblings/index.js:87) in RootSiblings (at react-native-root-siblings/index.js:34) in RCTView (at View.js:34) in View (at react-native-root-siblings/index.js:32) in RootSiblingsWrapper (at AppContainer.js:122) in RCTView (at View.js:34) in View (at AppContainer.js:134) `

I couldn't get the reason.

React Native Information

react: 17.0.2
react-native:0.64.2

RNRH Version

"react-native-render-html": "^6.3.4",

Tested Platforms

  • [ ] Android
  • [X] iOS
  • [ ] Web
  • [ ] MacOS
  • [ ] Windows

Reproduction Platforms

  • [ ] Android
  • [X] iOS
  • [ ] Web
  • [ ] MacOS
  • [ ] Windows

Minimal, Reproducible Example

`import HTML from 'react-native-render-html';

....

<HTML source={{ html: source }} />`

Additional Notes

No response

KingJS226 avatar Jun 28 '22 09:06 KingJS226