diff --git a/.github/workflows/draft-deploy.yml b/.github/workflows/draft-deploy.yml index 0130593dab..e54d49c775 100644 --- a/.github/workflows/draft-deploy.yml +++ b/.github/workflows/draft-deploy.yml @@ -24,7 +24,7 @@ jobs: NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }} NETLIFY_SITE_ID: ${{ vars.NETLIFY_SITE_ID }} with: - args: deploy --dir=build + args: deploy --dir=build --no-build - name: Find comment uses: peter-evans/find-comment@v3 diff --git a/.github/workflows/test-deploy.yml b/.github/workflows/test-deploy.yml index 4008b498f9..49a8b57bc6 100644 --- a/.github/workflows/test-deploy.yml +++ b/.github/workflows/test-deploy.yml @@ -25,4 +25,4 @@ jobs: NETLIFY_AUTH_TOKEN: ${{ secrets.NETLIFY_AUTH_TOKEN }} NETLIFY_SITE_ID: ${{ vars.NETLIFY_SITE_ID }} with: - args: deploy --dir=build --alias="$GITHUB_REF_NAME" + args: deploy --dir=build --alias="$GITHUB_REF_NAME" --no-build diff --git a/docs/30-components/input-email.mdx b/docs/30-components/input-email.mdx index 9df9c61611..f621818d94 100644 --- a/docs/30-components/input-email.mdx +++ b/docs/30-components/input-email.mdx @@ -62,6 +62,16 @@ Um eine fehlgeschlagene Validierung anzuzeigen, verwenden Sie die Attribute `_ms | ----- | --------------------------- | | `Tab` | Fokussiert das Eingabefeld. | +### Character Limit (Prop `_character-limit`) + +Über die Prop `_character-limit` lässt sich ein Zeichenlimit für das Eingabefeld festlegen, wobei auch längere Texte eingegeben oder eingefügt und anschließend gekürzt werden können. Es wird stets die Anzahl der verbleibenden Zeichen bzw. die Anzahl der überschrittenen Zeichen angezeigt. + +**Verhalten:** +- **Echtzeit-Feedback:** Die verbleibende bzw. überschrittene Zeichenanzahl wird direkt beim Tippen angezeigt. +- **Screenreader-Optimierung:** +- Um den Schreibvorgang nicht zu unterbrechen, erfolgt die Ausgabe der Zeichenanzahl verzögert, sobald **500 ms** keine Eingabe erfolgt ist. +- Beim Fokussieren des Eingabefelds wird das definierte Zeichenlimit angesagt. + ## Links und Referenzen - diff --git a/docs/30-components/input-password.mdx b/docs/30-components/input-password.mdx index a5e5d197f1..b60cce1cfe 100644 --- a/docs/30-components/input-password.mdx +++ b/docs/30-components/input-password.mdx @@ -55,6 +55,16 @@ Zur Behandlung von Events bzw. Callbacks siehe diff --git a/docs/30-components/input-text.mdx b/docs/30-components/input-text.mdx index 3cc01d4851..b9a5a25464 100644 --- a/docs/30-components/input-text.mdx +++ b/docs/30-components/input-text.mdx @@ -78,6 +78,16 @@ Zur Behandlung von Events bzw. Callbacks siehe diff --git a/docs/30-components/textarea.mdx b/docs/30-components/textarea.mdx index 4c85381f7c..be56550f01 100644 --- a/docs/30-components/textarea.mdx +++ b/docs/30-components/textarea.mdx @@ -71,6 +71,17 @@ Mit Hilfe des Attributs **`_rows`** kann die Höhe der Textarea in Zeilen bestim | `Tab` | Fokussiert die Textarea. | | `Pfeil-Tasten` | Können für die Navigation im Inhalt der fokussierten Textarea verwendet werden. | + +### Character Limit (Prop `_character-limit`) + +Über die Prop `_character-limit` lässt sich ein Zeichenlimit für das Eingabefeld festlegen, wobei auch längere Texte eingegeben oder eingefügt und anschließend gekürzt werden können. Es wird stets die Anzahl der verbleibenden Zeichen bzw. die Anzahl der überschrittenen Zeichen angezeigt. + +**Verhalten:** +- **Echtzeit-Feedback:** Die verbleibende bzw. überschrittene Zeichenanzahl wird direkt beim Tippen angezeigt. +- **Screenreader-Optimierung:** + - Um den Schreibvorgang nicht zu unterbrechen, erfolgt die Ausgabe der Zeichenanzahl verzögert, sobald **500 ms** keine Eingabe erfolgt ist. + - Beim Fokussieren des Eingabefelds wird das definierte Zeichenlimit angesagt. + ## Links und Referenzen -