TextInput with transparent background
See original GitHub issueCurrent behaviour
When you set the TextInput
component to have a transparent
background color, the spaces still persist.
Expected behaviour
I check MD and they don’t mention anything like this.
I was thinking that when the TextInput
has a transparent
background, the horizontal spaces on the input should be removed.
I don’t actually know if it is supposed to have a transparent background on MD’s input. I just had a case where I needed it and the spaces were there.
Screenshots (if applicable)
The background is from my app. Input has no background color.
Your Environment
software | version |
---|---|
ios or android | both |
react-native | 0.55.4 |
react-native-paper | 2.0.1 (latest) |
node | 8.11.3 |
npm or yarn | 6.4.1 |
Issue Analytics
- State:
- Created 5 years ago
- Reactions:1
- Comments:11 (3 by maintainers)
Top Results From Across the Web
Is there a pure CSS way to make an input transparent?
I've tried this but it doesn't work. background:transparent url(../img/transpSmall.png) repeat scroll 0 0;. html ...
Read more >TextInput backgroundColor transparency issue #27183
I'm having a weird behavior when setting TextInput backgroundColor with transparency, the text gets some kind of background, See Screenshot
Read more >Transparent Input Box - HTML - CodePen
Just mimicking Android TV's transparent input box design. ... ... input {. 10. background: rgba(255,255,255,0.4);. 11. border: none;.
Read more >How do I make Text Input have a transparent background?
A text box (one that can't be typed into) does by default have a transparent background. text input not text box. the text...
Read more >How to create a translucent text input in ReactJS
We are going to create a translucent animated text input using framer-motion and styled components. Wrapper, Input, Label, Underline are the ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
padding property doesn’t seems to work for me Error while updating property ‘padding’ in shadow node type:AndroidTextInput null Unknown value: ‘none’
Fixed in #1018