/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

7 votes324 views1 answer
Firebase react js
Javascript React
1 vote351 views1 answer
Fontawsome icon size react element
Javascript React
0 vote332 views1 answer
Options not working properly in reactjs
Javascript React
19 votes320 views6 answers
React.js
Javascript React
0 vote356 views1 answer
Network display react native
Javascript React
0 vote337 views1 answer
How to remove an object from array in react native
Javascript React
0 vote287 views1 answer
./src/App.js Module not found: Can't resolve '@fullcalendar/core/main.css' in 'c:\react-souf\src'
Javascript React
5 votes286 views1 answer
Add icon material ui
Javascript React
2 votes315 views1 answer
React-native-reanimated npm
Javascript React
0 vote314 views1 answer
Resellerclub api with react js
Javascript React