Ink-text-input: Cursor mit maskiertem Text anzeigen

Erstellt am 22. Sept. 2019  ·  3Kommentare  ·  Quelle: vadimdemedes/ink-text-input

Mir ist aufgefallen, dass showCursor anscheinend nicht funktioniert, wenn ein mask gesetzt ist. Scheint, dass die Funktionalität explizit geschützt wurde: https://github.com/vadimdemedes/ink-text-input/blob/6c5b29d2ac595357e3ca64064b92e2e5856fcde5/src/index.js#L53

Nur neugierig, ob es in diesem Fall einen bestimmten Grund für das Ausblenden des Cursors gibt? :)

enhancement help wanted

Hilfreichster Kommentar

Hallo @vadimdemedes!

Für meinen Anwendungsfall habe ich eine Eingabe für ein maskiertes API-Token, das ein Schritt in einem Formular mit einer Reihe verschiedener Eingaben ist. Einige sind Texteingaben, andere sind Auswahleingaben, aber in allen Fällen gibt es eine Art Indikator, der anzeigt, was der Benutzer tun muss (ein Indikator neben einer Auswahloption, ein Cursor in einer Texteingabe usw.). Die einzige Ausnahme ist das maskierte API-Token-Feld, da showCursor=true den Cursor nicht aktiviert.

Im Idealfall könnte ein Cursor angezeigt werden, um anzuzeigen, dass die Eingabe "fokussiert" und bereit ist, Text zu akzeptieren, ansonsten gibt es keine visuellen Hinweise und der Benutzer könnte verwirrt sein, was zu tun ist (außer ich füge Platzhaltertext hinzu, aber ich würde lieber Konsistenz bevorzugen).

image

Alle 3 Kommentare

Die Motivation für die Einführung einer mask Eigenschaft bestand darin, die Eingabe von Passwörtern zu ermöglichen, und diese werden aus offensichtlichen Gründen normalerweise mit * oder einer leeren Zeichenfolge maskiert. Ich sehe, dass an den meisten Stellen, an denen ich Passworteingaben gesehen habe, der Cursor ausgeblendet ist, also habe ich einfach mit dem gleichen Verhalten gerollt :)

Was ist Ihr Anwendungsfall?

Hallo @vadimdemedes!

Für meinen Anwendungsfall habe ich eine Eingabe für ein maskiertes API-Token, das ein Schritt in einem Formular mit einer Reihe verschiedener Eingaben ist. Einige sind Texteingaben, andere sind Auswahleingaben, aber in allen Fällen gibt es eine Art Indikator, der anzeigt, was der Benutzer tun muss (ein Indikator neben einer Auswahloption, ein Cursor in einer Texteingabe usw.). Die einzige Ausnahme ist das maskierte API-Token-Feld, da showCursor=true den Cursor nicht aktiviert.

Im Idealfall könnte ein Cursor angezeigt werden, um anzuzeigen, dass die Eingabe "fokussiert" und bereit ist, Text zu akzeptieren, ansonsten gibt es keine visuellen Hinweise und der Benutzer könnte verwirrt sein, was zu tun ist (außer ich füge Platzhaltertext hinzu, aber ich würde lieber Konsistenz bevorzugen).

image

War diese Seite hilfreich?
0 / 5 - 0 Bewertungen

Verwandte Themen

entrptaher picture entrptaher  ·  11Kommentare

thalesfsp picture thalesfsp  ·  3Kommentare

AaronAcerboni picture AaronAcerboni  ·  3Kommentare

andrewchch picture andrewchch  ·  3Kommentare

danieljack picture danieljack  ·  3Kommentare