fix(auth): allow password managers to pre-fill input fields (#9390)
HTML disallows having multiple IDs with the same value. In reality this is for 1Password's feature where you can create custom fields named like input IDs and 1Password fill pre-fill that.
This commit is contained in:
@@ -196,11 +196,11 @@ export default class Oauth2 extends React.Component {
|
||||
{
|
||||
( flow === AUTH_FLOW_APPLICATION || flow === AUTH_FLOW_IMPLICIT || flow === AUTH_FLOW_ACCESS_CODE || flow === AUTH_FLOW_PASSWORD ) &&
|
||||
( !isAuthorized || isAuthorized && this.state.clientId) && <Row>
|
||||
<label htmlFor="client_id">client_id:</label>
|
||||
<label htmlFor={ `client_id_${flow}` }>client_id:</label>
|
||||
{
|
||||
isAuthorized ? <code> ****** </code>
|
||||
: <Col tablet={10} desktop={10}>
|
||||
<InitializedInput id="client_id"
|
||||
<InitializedInput id={`client_id_${flow}`}
|
||||
type="text"
|
||||
required={ flow === AUTH_FLOW_PASSWORD }
|
||||
initialValue={ this.state.clientId }
|
||||
@@ -213,11 +213,11 @@ export default class Oauth2 extends React.Component {
|
||||
|
||||
{
|
||||
( (flow === AUTH_FLOW_APPLICATION || flow === AUTH_FLOW_ACCESS_CODE || flow === AUTH_FLOW_PASSWORD) && <Row>
|
||||
<label htmlFor="client_secret">client_secret:</label>
|
||||
<label htmlFor={ `client_secret_${flow}` }>client_secret:</label>
|
||||
{
|
||||
isAuthorized ? <code> ****** </code>
|
||||
: <Col tablet={10} desktop={10}>
|
||||
<InitializedInput id="client_secret"
|
||||
<InitializedInput id={ `client_secret_${flow}` }
|
||||
initialValue={ this.state.clientSecret }
|
||||
type="password"
|
||||
data-name="clientSecret"
|
||||
|
||||
Reference in New Issue
Block a user