detecting focus on any field ?

[jasan-s]

this might be very obvious but how can i detect that field has focus , because on mobile the keyboard moves up and i need to adjust the UI accordingly.

[erikras]

Each Field component is given a meta.active flag that you could detect changing from false to true. Something like that?

[jasan-s]

Yes, but it would be nice if it was in the passed down props. Because if I
use mapStateToProps to pass in that in, the app throws an error on startup
because the that state has not been initialized in redux.

On Sep 15, 2016 7:51 AM, "Erik Rasmussen" notifications@github.com wrote:

Each Field component is given a meta.active
http://redux-form.com/6.0.5/docs/api/Field.md/#-meta-active-boolean-
flag that you could detect changing from false to true. Something like
that?

—
You are receiving this because you authored the thread.
Reply to this email directly, view it on GitHub
#1777 (comment),
or mute the thread
https://github.com/notifications/unsubscribe-auth/ANOMEc7aqOM39cL7fwDGDRMudM9gMUOLks5qqVt5gaJpZM4J98-l
.

[STEVEOO6]

+1

I am looking to implement a checkout payment credit card form with a visual credit card reference (using https://github.com/JohnyDays/react-credit-card) and I need to tell the Card component which field currently holds focus (so that the visual reference can spin around to display the CVC when the user is inputting that information).

Ideally the form's would receive a prop containing the entire 'state' (values, meta, errors etc) of its Fields and the user could destructure the state accordingly.

Currently I'm planning to use the parse/normalize hooks and store the focus state myself.

[danielrob]

Not passing all the values/meta/errors as props as a default behaviour is, to my understanding, an intentional part of the api that helps keep it performant by default. Otherwise you drift towards the v5 api which was revamped partly because of this problem.

Closing this usage question as it is nine months old since last update. There are now many ways provided to access the state information required, namely the provided selectors.

[lock]

This thread has been automatically locked since there has not been any recent activity after it was closed. Please open a new issue for related bugs.