[GH-ISSUE #256] Text wrapped into a view gets view's background color #173

Open
opened 2026-05-05 11:52:38 -06:00 by gitea-mirror · 3 comments
Owner

Originally created by @roman01la on GitHub (Jan 23, 2020).
Original GitHub issue: https://github.com/kusti8/proton-native/issues/256

Describe the bug
Having a semi transparent background color set to a view, the inner text block gets same background color applied

Screen Shot 2020-01-23 at 3 56 17 PM

To Reproduce

<View style={{ backgroundColor: "rgba(255,255,255,0.3)" }}>
  <Text>Hello</Text>
</View>

Expected behavior
Inner blocks should not receive backgroundColor styles from parent blocks

Versions:

  • OS: Mac
  • Version 2.0.0
  • Node version v10.16.3
Originally created by @roman01la on GitHub (Jan 23, 2020). Original GitHub issue: https://github.com/kusti8/proton-native/issues/256 **Describe the bug** Having a semi transparent background color set to a view, the inner text block gets same background color applied <img width="245" alt="Screen Shot 2020-01-23 at 3 56 17 PM" src="https://user-images.githubusercontent.com/1355501/72990505-ed430e80-3df8-11ea-9742-e9273b35a937.png"> **To Reproduce** ```js <View style={{ backgroundColor: "rgba(255,255,255,0.3)" }}> <Text>Hello</Text> </View> ``` **Expected behavior** Inner blocks should not receive backgroundColor styles from parent blocks **Versions:** - OS: Mac - Version 2.0.0 - Node version v10.16.3
gitea-mirror added the
bug
label 2026-05-05 11:52:38 -06:00
Author
Owner

@apollolux commented on GitHub (Jan 27, 2020):

Happens with Button and Picker, too. Only on Qt backend for me, though, wx backend shows normal button background fine.

Windows 10, proton-native 2.0.4, Node 11.15.0

<!-- gh-comment-id:578930133 --> @apollolux commented on GitHub (Jan 27, 2020): Happens with Button and Picker, too. Only on Qt backend for me, though, wx backend shows normal button background fine. Windows 10, proton-native 2.0.4, Node 11.15.0
Author
Owner

@kusti8 commented on GitHub (Mar 16, 2020):

I'm a bit unclear how it is supposed to look. Could you provide a more complete code example?

<!-- gh-comment-id:599760897 --> @kusti8 commented on GitHub (Mar 16, 2020): I'm a bit unclear how it is supposed to look. Could you provide a more complete code example?
Author
Owner

@roman01la commented on GitHub (Mar 16, 2020):

@kusti8 # dev part should not have transparent white background

<!-- gh-comment-id:599774744 --> @roman01la commented on GitHub (Mar 16, 2020): @kusti8 `# dev` part should not have transparent white background
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: github-starred/proton-native#173
No description provided.