/Javascript/React/Make input fixed position reactjs

Make input fixed position reactjs

<div style={{display: 'flex', flexDirection: 'row', alignItems: 'center', justifyContent: 'center' }}>

    <h1>Do Not Move Me</h1>

    <div style={{ position: 'relative', marginLeft: 20 }}>

        <input
        placeholder='Enter Name'
        onChange={this._displayButton}
        value={this.state.nameText}
        />
        {this.state.textEntered ?
            <button type="submit" style={{ position: 'absolute', top: '-10px', right: '-10px', borderRadius: '50%', height: 40, width: 40, backgroundColor: '#881587', border: 'none' }} /> : null
        }

    </div>

</div>

Source: stackoverflow.com

Similar codes

0 vote130 views1 answer
React native local.properties
Javascript React
1 vote135 views1 answer
React-redux imports
Javascript React
4 votes129 views2 answers
[!] CocoaPods could not find compatible versions for pod "ReactCommon/jscallinvoker": In Podfile: ReactCommon/jscallinvoker (from `../node_modules/react-native/ReactCommon`)
Javascript React
0 vote136 views1 answer
TextInput cursor not shown react native
Javascript React
1 vote130 views1 answer
Yup only characters regex validation react
Javascript React
1 vote144 views1 answer
React map array limit
Javascript React
1 vote123 views3 answers
Window.innerHeight react js
Javascript React
0 vote122 views1 answer
React component will mount new method
Javascript React
0 vote128 views1 answer
React native multiple touchableopacity
Javascript React
4 votes164 views2 answers
Concurrently node react
Javascript React