/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

8 votes380 views2 answers
React on link click scroll to top
Javascript React
0 vote407 views1 answer
React bootstrap profile card
Javascript React
1 vote370 views1 answer
Component vs container react
Javascript React
10 votes308 views3 answers
Module not found: Can't resolve '@emotion/react' in 'E:\Web Development\Frontend\React JS Projects\linkedin-clone\node_modules\@mui\styled-engine'
Javascript React
0 vote369 views1 answer
React native firebase login with facebook
Javascript React
0 vote394 views1 answer
React native stopwatch
Javascript React
0 vote407 views1 answer
React.common.JavascriptException: Error: invalid host
Javascript React
0 vote379 views1 answer
S3 private image getobject react js
Javascript React
9 votes388 views5 answers
Find react version
Javascript React
262 votes524 views6 answers
Create a react native project
Javascript React