No way to get ref to root of <Input> in a <TextField>

• This is a v1.x issue.
• I have searched the issues of this repository and believe that this is not a duplicate.

Expected Behaviour

<Input> outputs a <div> root that wraps the accents and the input. It should be possible to attach a ref to this input. And it should be possible to do this from a <TextField />.

Current Behaviour

Input only passes {...other} to the <div>

Context

I needed to attach a Popper based menu to the bottom of a TextField, but I need it to open lined up with the whole <Input>, not the <input> (then it’s inset by the inputAdornment) and not the <FormControl> (then when the menu is above the input it will appear above the label instead of overlapping the label).

[jedwards1211]

@dantman have you tried <TextField InputProps={{ref: c => this.inputDiv = findDOMNode(c)}} />? (not sure if it works)

[oliviertassinari]

@dantman for advanced use cases, I encourage people to break the TextField abstraction. You can use the lower level components.