Ink-text-input: マスクされたテキストでカーソルを表示する

作成日 2019年09月22日  ·  3コメント  ·  ソース: vadimdemedes/ink-text-input

maskが設定されていると、 showCursorが機能しないように見えることに気付きました。 機能が明示的に保護されているようです: https

この場合、カーソルを非表示にする特定の理由があるかどうかだけ知りたいですか? :)

enhancement help wanted

最も参考になるコメント

ねえ@vadimdemedes!

私のユースケースでは、マスクされたAPIトークンの入力があります。これは、一連の異なる入力を持つフォームの1つのステップです。 一部はテキスト入力であり、一部は選択入力ですが、すべての場合において、ユーザーが何をする必要があるかを示す何らかのインジケーター(選択オプションの横のインジケーター、テキスト入力のカーソルなど)があります。 showCursor=trueはカーソルを有効にしないため、1つの例外はマスクされたAPIトークンフィールドです。

理想的には、入力が「フォーカスされ」、テキストを受け入れる準備ができていることを示すカーソルを表示できます。そうしないと、視覚的な手がかりがなく、ユーザーは何をすべきかについて混乱する可能性があります(プレースホルダーテキストを追加する以外は、私はむしろ一貫性を好む)。

image

全てのコメント3件

maskプロパティを導入する動機は、パスワードの入力を許可することでした。パスワードは通常、明らかな理由で*または空の文字列でマスクされています。 パスワード入力を見たほとんどの場所で、カーソルが非表示になっているので、同じ動作でロールしました:)

あなたのユースケースは何ですか?

ねえ@vadimdemedes!

私のユースケースでは、マスクされたAPIトークンの入力があります。これは、一連の異なる入力を持つフォームの1つのステップです。 一部はテキスト入力であり、一部は選択入力ですが、すべての場合において、ユーザーが何をする必要があるかを示す何らかのインジケーター(選択オプションの横のインジケーター、テキスト入力のカーソルなど)があります。 showCursor=trueはカーソルを有効にしないため、1つの例外はマスクされたAPIトークンフィールドです。

理想的には、入力が「フォーカスされ」、テキストを受け入れる準備ができていることを示すカーソルを表示できます。そうしないと、視覚的な手がかりがなく、ユーザーは何をすべきかについて混乱する可能性があります(プレースホルダーテキストを追加する以外は、私はむしろ一貫性を好む)。

image

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

entrptaher picture entrptaher  ·  11コメント

scrubs picture scrubs  ·  3コメント

thalesfsp picture thalesfsp  ·  3コメント

devfrey picture devfrey  ·  3コメント

mwawrusch picture mwawrusch  ·  3コメント