1password button not show in input tag

hswl11221 · June 2023

I noticed there was a problem with the Chrome extension. If the "Key" string is in the name property of the input tag, the 1 password button is not displayed.
Is this a bug or is it intended? Can you tell me why if it's intended? Thank you.

1Password Version: Not Provided
Extension Version: 2.11.0
OS Version: mac monterey
Browser:_ chrome

Joy_1P · June 2023

Hey @hswl11221, thanks for reaching out about this. Could you share the HTML code of the form where you're seeing this behavior on? We'd like to review the code to see if there are any other factors at play.

hswl11221 · June 2023

Thank you for your answer.
This is my site's HTML code.

    <form>
        <div class="item_form fst">
            <div class="box_tf"><label class="screen_out" for="id--1">입력</label>
                <input type="text" id="loginKey--1" name="loginKey" class="tf_g" value="">
                <div class="util_tf"></div>
            </div>
        </div>

        <div class="item_form">
            <div class="box_tf"><label class="screen_out" for="password--2">비밀번호 입력</label>
                <input type="password" id="password--2" name="password" placeholder="비밀번호" autocomplete="off"
                    class="tf_g" value="">
                <div class="util_tf"></div>
            </div>
        </div>

        <div class="confirm_btn"><button type="submit" class="btn_g highlight submit">로그인</button>
            <span class="line_or">
                <span class="txt_or">또는</span></span><button type="button" class="btn_g">QR코드 로그인</button>
        </div>
    </form>

1password button only appears in password input tag.
I noticed that replacing "loginKey" to "id" would cause the same problem.

<input type="text" id="id--1" name="id" class="tf_g" value="">

(I'm sorry to confuse you, but to be more precise.. I'm experiencing problems when deploying to the development server, although it runs smoothly on my local machine. 'Smoothly' means 1 password button appears on the email input tag)

hswl11221 · June 2023

please ignore above comment in the bracket.
I found that this code also doesn't work

<body>
    <form>
        <input type="text" id="id--1" name="id" placeholder="Enter your email" class="tf_g" value="">
        <div class="util_tf">
            <button type="button" class="btn_clear">
                <span class="ico_comm ico_clear">delete</span>
            </button>
        </div>
    </form>
</body>

but this code works fine

<body>
    <form>
        <input type="text" id="id--1" name="id" placeholder="Enter your email" class="tf_g" value="">
        <div class="util_tf">
            <button type="button" class="btn_clear">
                <span class="ico_comm ico_clear">delete</span>
            </button>
        </div>

        <input type="password" id="password--2" name="password" placeholder="비밀번호" autocomplete="off"
            class="tf_g" value="">
        <div class="util_tf"></div>

    </form>
</body>

1password button not show in input tag

Comments