VScodeの拡張機能でクラス名を補完する際、余計なステップを省きたい

Question

前提・実現したいこと

VScodeの拡張機能、IntelliSense for CSS class names in HTMLを利用し、予め用意されているクラス名の一部を入力して一覧を表示し、希望するクラス名を選択したい。

発生している問題

各要素をHTMLタグで閉じ、VScodeの入力補助でclass=""まで入力し、カーソルは自動的にダブルクォートの間に置かれます。
この状態からクラス名を入力してもクラス名一覧が表示されません。
・ダブルクォートを一旦削除し、改めてダブルクォートを入力するとクラス名一覧が表示されます
・何も入力せず、半角スペースを入力するとクラス名一覧が表示されます
・Escキーでクラス名一覧が表示されるようになります。

該当のソースコード

<em>サンプルテキスト</em>　//ここから
↓
<em class>サンプルテキスト</em> //classまで入力してEnter
↓
<em class="">サンプルテキスト</em> //ダブルクォートまで入力補完されます
↓
<em class="|">サンプルテキスト</em> //この時、カーソルはダブルクォートの中にあって「白く」囲まれています（|をカーソルに見立てています）
↓
<em class="|">サンプルテキスト</em> //ここからEscキーを押すと「白」が解除され、クラス名補完ができるようになります

追記

この「白」は何の表示なのか？
Escキーを押せば「白」は解除されるが、何のショートカットキーが働いて何が解除されているのか？
※自分のVScodeの配色テーマが黒なので「白」に見えているだけで別色かもしれませんが

毎回Escキーを押さねばならず、できればそのままクラス名補完がしたいのです。
あまりに初歩的な質問過ぎるのか、未だに解決策が見つかっておりません。