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.

floatingLabel doesn't float when using `React.forwardRef`

See original GitHub issue

react-native, react and native-base version

"dependencies": {
    "react": "16.3.1",
    "react-native": "0.55.4",
    "native-base": "^2.5.2"
  },

Expected behaviour

floatingLabel should float

Actual behaviour

floatingLabel doesn’t float

Steps to reproduce (code snippet or screenshot)

Clone this project

Screenshot of emulator/device

image

Is the bug present in both ios and android or in any one of them?

Yes, both

Any other additional info which would help us debug the issue quicker.

Is it because the react version that NativeBase uses ?

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:9 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
akhil-gacommented, Jun 22, 2018
0reactions
theapache64commented, Jun 22, 2018

Perfect. @akhil-geekyants good work (y)

Read more comments on GitHub >

github_iconTop Results From Across the Web

reactjs - React and CSS-IN-JS - float labels not detecting the ...
Ok it turns out it was not the issue with state. The problem was with css. In order to add the styles to...
Read more >
[Solved]-Floating label over-aligning the input text-Reactjs
Floating label over-aligning the input text · Error when setting an input in ReactJS, label is over / overwrites the value of the...
Read more >
React Data Grid: Floating Filter Component - AG Grid
Floating Filter Components allow you to add your own floating filter types to AG Grid. You can create a Custom Floating Filter Component...
Read more >
Forwarding Refs - React
Ref forwarding is a technique for automatically passing a ref through a component to one of its children. This is typically not necessary...
Read more >
React Text Field component - Material UI - MUI
The floating label is absolutely positioned. It won't impact the layout of the page. Make sure that the input is larger than 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