7645 (fix) Forms cannot be submitted with focus on checkbox/radio

[aTTiCuZ-CodingPage]

Ref.: #7645

Beschreibung
Dieser PR behebt ein Problem, bei dem ein Formular nicht mit der Enter-Taste abgesendet werden konnte, wenn der Fokus auf einer Checkbox lag. Bei der Radio-Komponente war dieses Problem nicht mehr vorhanden.

Änderungen

• In der shadow.tsx der input-checkbox wurde dem -Element ein onKeyDown-Handler hinzugefügt.
• Die neue Methode onKeyDown ruft intern die bereits bestehende Funktion propagateSubmitEventToForm auf.
• Neue Testseite: form-submit.tsx unter packages/samples/react/src/scenarios/ hinzugefügt.
• End-to-End-Test: form-submit.spec.ts mit Playwright unter packages/samples/react/e2e, der das beschriebene Verhalten überprüft.

Test

• Manuelles Testen im Browser: scenarios -> form-submit
  • Beinhaltet 2 Forms (mit und ohne Submit-Button) mit Radio und Checkbox

E2E-Test mit Playwright (mit und ohne Submit-Button):
→ Checkbox im Fokus → Enter → Formular wird korrekt abgesendet
→ Radio im Fokus → Enter → Formular wird korrekt abgesendet

[deleonio]

Hi @aTTiCuZ-CodingPage,

vielen Dank. Ich glaube, es gibt schon ein Formular, das den Submit für alle Eingabefelder mit Enter abbilden soll.

https://dev.kolibri.itz.in.bund.de/kolibri-demo/v3/#/scenarios/static-form

Bitte immer erst das Review in einer Version abwarten, bevor wir die Umsetzung in einer nächsten Version nachziehen.

[aTTiCuZ-CodingPage]

Danke für dein Feedback @deleonio. Oh ja stimmt, es gibt dafür schon die static-form . Ich werde scenario/form-submit wieder entfernen und passe den e2e Test entsprechend an.

Alles kar. Ich werde künftig lieber auf die Review warten, bevor ich die nächste Version umsetze 👍