ダーツ：IE11でフォームを送信するときにpreventDefault（）が非同期コールバックで機能しない

Question

IE11でフォームを送信するときにEvent.preventDefault()に問題があります。何らかの理由で、asyncコールバックを使用しているときにブラウザがリフレッシュするのを妨げません。

HTML：

<form id="login"> 
    <input type="email" id="email" placeholder="Email"> 
    <input type="password" id="password" placeholder="Password"> 
    <input type="submit" value="SUBMIT"> 
</form> 

ダート：

void main() { 
    FormElement form = querySelector('form#login'); 
    form.onSubmit.listen((Event e) async { 
    e.preventDefault(); 
    // send login request 
    }); 
} 

私はしかしasyncキーワードを削除した場合、それがさわやかからブラウザを防ぐん。私はここに何かを逃していますか、私はそれがこのように振る舞うとは思わなかったのですか？ Chromeではasyncの有無にかかわらず動作します。

Answer 1

私はGitHubのdart-lang/sdkリポジトリにissueを作成しました。IE11は、e.preventDefault()が有効になるには遅すぎる非同期コールバックを実行するようです。そこで、フォーム提出のすべてのコールバックを同期させるように変更し、すぐに実行されるようにしました。

.then()はいたるところで面倒だったので、代わりにawaitを使用できるように内部的に非同期関数を定義しました。

ダート：

void main() { 
    FormElement form = querySelector('form#login'); 
    form.onSubmit.listen((Event e) { 
    e.preventDefault(); 
    _asyncWrap() async { 
     // send login request 
    } 
    _asyncWrap(); 
    }); 
} 

Answer 2

これはバグのようです。ここにファイルhttps://github.com/dart-lang/sdk/issues/newを添付してください。