From c26dd096a989fe49ceb43d5b4da3e48d3c25d843 Mon Sep 17 00:00:00 2001 From: Stefan Dietz Date: Thu, 15 May 2025 17:35:28 +0200 Subject: [PATCH 1/2] Add docs for character limit feature --- docs/30-components/input-email.mdx | 10 ++++++++++ docs/30-components/input-password.mdx | 10 ++++++++++ docs/30-components/input-text.mdx | 10 ++++++++++ docs/30-components/textarea.mdx | 11 +++++++++++ 4 files changed, 41 insertions(+) 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 - From 08218f08a59e0560431ce462a30ece293528366d Mon Sep 17 00:00:00 2001 From: Stefan Dietz Date: Thu, 15 May 2025 17:40:32 +0200 Subject: [PATCH 2/2] Fix Netlify deployments --- .github/workflows/draft-deploy.yml | 2 +- .github/workflows/test-deploy.yml | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) 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