question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

TextInput with transparent background

See original GitHub issue

Current 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.

screenshot_1537178841

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:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:11 (3 by maintainers)

github_iconTop GitHub Comments

2reactions
abhiburkcommented, Jun 23, 2019

padding property doesn’t seems to work for me Error while updating property ‘padding’ in shadow node type:AndroidTextInput null Unknown value: ‘none’

1reaction
Trancevercommented, Apr 24, 2019

Fixed in #1018

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found