「Enter」で設定フォームを送信すると、フォームがネイティブに送信される

バグ
1

main discourse (61e0db0e80) において、ユーザー設定フォームを「enter」で送信した際（例：名前を変更した後）、フォームがネイティブに送信されます。

その結果、同じページへの GET リクエストが発生し、データベースに変更は保存されません。

再現手順：

  1. 設定ページにアクセスする
  2. 名前を入力/変更する
  3. enter を押す
  4. ページがリロードされる。
2

メタでは再現できません。試してみましたが、期待どおりに動作しました。

こちらでも確認していただけますか？

3

承知いたしました。以下で再現できました。

  • Firefox ESR v140.5.0esr - 64 ビット（クリーンプロファイル、プラグインなし、カスタム設定なし）
  • Chromium v142.0.7444.175（すべてのプラグインを無効化）

私は Debian 13 を実行しており、両方のブラウザは Debian リポジトリから取得したものです。

「いいね！」 1
4

非常に奇妙ですね。私のブラウザ（Firefox 45.0.2/Chromium: 143.0.7499.40）では再現できません。

あなたが次のように言ったとき

それはあなたがMetaでテストしていないことを示唆しています。

5

ご参考までに、Metaでも再現できました:raised_hand:

名前を入力してから「Enter」を押すと、ページがリロードされ、値が空になります。

まだボタンを押す前にページがリロードされたため、変更が保存されなかった（できなかった）のだと推測します。

推定所要時間（ETA）: FirefoxとChromeの両方（デスクトップ/Windows）で発生するようです。

「いいね！」 1
6

了解しました、参考になります。なぜ再現できないのか不思議です :confused:

7

見当もつきません :man_shrugging: :slight_smile:

でも、再現できるとしたら、何を確認したいですか？もう一度試して、情報を提供できるか見てみます。

「いいね！」 1
8

クリーンな dv 環境で 100% 再現可能です。

最新の Chrome で:

dv new enter-submit
http://enter-submit.localhost/session/user1/become にアクセス
http://enter-submit.localhost/u/user1/preferences/account にアクセス
名前を変更
Enter をクリック

ページがリロードされます。

この件について、/frontend/discourse/app/controllers/preferences.js 内で @martin / @j.jaffeux はどうお考えですか？

      
    @action
    preventSubmit(event) {
       event?.preventDefault();
    }
    <form class="form-vertical" {{on "submit" this.preventSubmit}}>
       {{outlet}}
     </section>

この非常に特殊なケースでは、実際にはフォームではないフォームがあるのは少し奇妙です。

「いいね！」 2
9

「すべてのブラウザプラグインを無効にした状態」でテストしたという意味です（ウェブサイトの本来の動作を妨害する可能性のあるものをたくさん使っています）。

Metaでも、クリーンな新規開発環境でも両方テストしました。

「いいね！」 1