Firebaseのメールアドレス認証によるサインインができない（サインアップはできる）

Question

Firebaseを使ってwebサービスを作成しております。

Firebaseのメールアドレスとパスワードによる認証を実装しているのですが、サインアップはできても、サインインができません。

下記が該当箇所のコードになります。

// クリックイベント
signup.addEventListener('click', e => {
    e.preventDefault();
    signUp();
})

signin.addEventListener('click', () => {
    signIn();
})

// サインアップ
function signUp() {
    const email = document.querySelector('#email').value;
    const password = document.querySelector('#password').value;
    const username = document.querySelector('#username').value;
    const sex = document.querySelector('#sex').value;
    const age = document.querySelector('#age').value;

    console.log(email, password, username, sex, age);
    
    auth.createUserWithEmailAndPassword(email, password)
        .then(obj =>{
        console.log(obj);
        console.log(obj.user);
        console.log(obj.user.uid);
        if (obj) {
            obj.user.updateProfile({
                displayName: username
            })
            users_col.add({
                uid: obj.user.uid,
                name: username,
                sex: sex,
                age: age
            })
        }
        }).catch(function(error) {
            console.log('signup error')
            var errorCode = error.code;
            var errorMessage = error.message;
            console.log(errorCode, errorMessage);
        });
    }

// サインイン
function signIn() {
    const email = document.querySelector('#email').value;
    const password = document.querySelector('#password').value;

    auth.signInWithEmailAndPassword(email, password)
        .then(function(result) {
            console.log(result);
        })
        .catch(function(error) {
            var errorCode = error.code;
            var errorMessage = error.message;
        });
}

これで正しいメールアドレスおよびパスワードを入力しても、サインインができません。
サインアップは問題なくできており、そうするとログイン状態にもなります。

サインインでもemailとpasswordのvalueは正しくとれているのですが、何もエラーを吐かずに画面が再読込されるだけです。

こちらの原因がわかる方、いらっしゃいましたらご回答を何卒よろしくお願い申し上げます。

Answer 1

Firebase Authenticationでメールアドレス認証の設定ができますが、デフォルトだとメールアドレスの確認が必須になってたと思います(登録したアドレス宛にメールが飛んできてクリックして有効化するタイプ)
確認処理にはsendEmailVerification()で確認メールの送信をする必要がありますが行っていますか？

Comments

[thatnaoki]

ご回答ありがとうございます！
以前サインインできていたときとほぼ同じコードを使用しており、前回は確認メールは送らずにサインインできていたので、確認メールはオプションで設定できる認識でした
試してみようと思います。。

[teikoku-penguin]

https://qiita.com/Yamamoto0525/items/054b28e8b34135399237
この記事が参考になると思われます

[thatnaoki]

追加でありがとうございます！
下記で解決いたしました、、auth関連のapiでformタグとtype=“submit”は使ったらだめということでした、、謎な仕様に振り回されてしまいました。ベストアンサーとさせて頂きます。ありがとうございました。
https://stackoverflow.com/questions/38860900/firebase-project-results-in-auth-network-request-failed-error-on-login