Community of Practices (CoP)

[deleonio]

Herzlich willkommen zur Community of Practices

Nächste Session findet am 23.05.2024 statt

Neue Einwahllink: https://meet.bdbos.bund.de/invited.sf?id=300518&secret=26c597e8-7bd4-44b3-85bd-cee668833ee5

Konferenzen:

• EnterJS 2024
• c't webdev 2023

Termine

Tag	Datum	Uhrzeit	Kommentar
Do	23.05.2024	14:00 bis 15:00
Do	09.05.2024	14:00 bis 15:00	Christi Himmelfahrt
Do	25.04.2024	14:00 bis 15:00	findet nicht statt
Do	11.04.2024	14:00 bis 15:00
Do	28.03.2024	14:00 bis 15:00
Do	14.03.2024	14:00 bis 15:00
Do	29.02.2024	14:00 bis 15:00
Do	15.02.2024	14:30 bis 15:30	aufgrund eines internen Termins 30 Minuten später
Do	01.02.2024	14:00 bis 15:00
Do	18.01.2024	14:00 bis 15:00

Historie in Kommentar verschoben.

Öffentliche CoP

Note
Wir sind mit KoliBri auch auf der diesjährigen EnterJS 2024 in Mainz. Wer möchte kann sehr gerne zu unserem und anderen spannenden Talks kommen.

Die öffentliche CoP findet in den ungeraden Wochen statt, und wird mittels des Konferenzsystem BDBOS abgebildet, welches vom Bund betrieben wird. Die Teilnahme ist allen Interessierten unter Einhaltung unserer Code of Conduct gestattet.

Note
Am besten einen Termin-Blocker für Donnerstag, 14 Uhr (ungerade Wochen) im Kalender anlegen und einen Link auf die CoP-Webseite einfügen.

Einwahllink für die Konferenz

Achtung: Link ist immer erst 10 min vor dem Termin aktiv.

Warning
Im öffentlichen Termin sind alle Inhalte, Fragen und Antworten ausschließlich technisch zu kommunizieren. Anhand von fachlich neutralen Beispielen soll die Verwendung von KoliBri in der Realisierung gezeigt werden.

Interne CoP

Die interne CoP findet in den geraden Wochen statt, und wird mittels eines internen Konferenzsystems abgebildet. Die Teilnahme ist ausschließlich vom ITZBund beschäftigten und verpflichteten Teilnehmer:innen gestattet.

Note
Die Einwahldaten können über kolibri@itzbund.de angefragt werden.

Terminänderungen

Bitte beachtet die Terminübersicht unten, um ggf. Absagen oder Verschiebungen des Termins mitzubekommen.

Organisatorisches

Wir haben in dem Termin immer 55 Minuten Zeit, um Fragen zu beantworten und Neuerungen vorzustellen. Für die effiziente Durchführung der CoP ist es sehr hilfreich, wenn uns die Fragen vorab per E-Mail an kolibri@itzbund.de gestellt werden. Gerne auch mit kleinen Code-Beispielen zum Beispiel mit CodeSandbox für die Reproduktion oder Veranschaulichung. So bleibt uns die Zeit, die Fragen vorab zu verstehen und hilfreiche Antworten vorzubereiten.

Feedback

Wir bitten die gesamte Community uns Feedback zu geben, wenn etwas nicht so funktioniert, wie man es erwartet hat. Nur so können wir sehen, wo es noch klemmt. Schreibt uns auch, wenn die Dokumentation oder Anleitungen missverständlich oder ggf. fehlerhaft sind.

Legt dazu gerne ein Issue an oder schreibt uns eine E-Mail an kolibri@itzbund.de.

Bitte folgende Namenskonvension verwenden: Vorname Nachname | Unternehmen

---

[deleonio]

Protokoll 11.11.2022

• Select - Synchronisation von List und Value auflösen / keine Auswahl: 🛹 Feature: Multiselect Felder setzen ersten Eintrag per Default #36
• Pagination - Sprungschalter außen immer aktiv - außer wenn die Seite außen aktiv ist: 💡 Hinweis: Pagination sprung ans Ende #521

[deleonio]

Protokoll 17.11.2022

• E-Mail-Adresse für eine GitHub-Account: Nicht die Klarnamen E-Mail-Adresse verwenden, hierzu kann eine Weiterleitung mit anonym Nickname-Alias eingerichtet werden.
• Good first Issue https://github.com/public-ui/kolibri/contribute
• Release-Preview
• 🐞 Bug: Tabs does not work without _selected #684 Bug in Tab-Komponenten
  Hansell erstellt Issue
• Bibliothek Stringvergleich/Merge/Diff
  https://github.com/rtfpessoa/diff2html#online-example
• 🛹 Feature: Textarea und Text-Input Angabe von Zeichenanzahl #768 Bugfix Textarea - Anzahl Zeichen
  Nach Speichern, steht in der View 0/1000 bis Fokus auf Komponente

[deleonio]

Protokoll 23.11.2022

• 🐞 Bug: Table - Data-Handling / Async / Refill #832 Tabelle wird nicht korrekt gerendet beim erneuten Befüllen - Reproduktionsbeispiel wird benötigt - @HansellKopp wird es anlegen.

[cbraehmig]

Protokoll 01.12.2022

• Select-Element - Size wird nicht durchgereicht - Ticket von Joscha: 🐞 Bug: KolSelect - Property _size wird nicht verarbeitet #1000
• Problem mit Styles - https://codesandbox.io/s/determined-cherry-k3mjl9?file=/src/App.tsx
• Textvergleich - Ansätze, Lösungen, Ideen (auch) unter Sicht der Barrierefreiheit
• Angular-Adapter - Version 14

News:

• Releases immer montags, Reviews am Freitag
• Rechtsseitige Tabs

[weingardt]

Der Haupteintrag mit der Liste der Termine ist noch nicht aktualisiert worden.
@deleonio : Findet der Austausch-Termin heute statt?

[deleonio]

@weingardt Sorry, wir hatten Deine Frage heute nicht mitbekommen. Aber Du warst ja dabei ;-)

[cbraehmig]

Protokoll 08.12.2022

• React Router ist freigegeben / in Verwendung

News:

• Version 1.1.13, 1.1.14 veröffentlich

[cbraehmig]

Protokoll 15.12.2022

• Zurück-Button, Value von Elementen (Ingram)
  UI und KoliBri-Element "out of sync", Beispiel "single-select"
  Version x
  Fixed: 🐞 Bug: Single select auto select of first list item #1596
• Vergleich Checkbox-Group vs MultiSelect

News:

Notiz:
leere Tabelle, Paginator ausblenden

[cbraehmig]

Protokoll 22.12.2022

• Mock Service Worker
  MockServer(https://www.mock-server.com/)
  WiredMock(https://wiremock.org/)
• 📖 Help: _icon-Identifier - Replacement #1741
• KolNav - ParentChildren
  Wechsel _active-State (active/toggle) untersuchen
  Release 1.1.12
  Issue bitte erstellen
• BZST-Styleguide - Stand
  noch nicht vollständig umgesetzt
  NTJ-Projekt
  Rücksprache über Styleguide notwendig
• Customizing der Komponenten
  nur Anpassung über Themes
• KolPagination - Dokumentation/Storybook anpassen
  erledigt ;-)

News:

• Release 1.1.15
• Known Bug: Border MAPZ Table (💡 Hinweis: Bug: Border MAPZ Table #1742)

Notiz:

• 29.12.2022 | 13:30 | findet nicht statt

[cbraehmig]

Protokoll 05.01.2023

• Testkonzept Nightwatch, Mocha (Link: ...)
• Tabellen mit Filter ... Ansatz in KoliBri: Filter werden nicht in Tabellen umsetzt, Filter als separaten Bereich über der Tabelle
• RoadMap für KoliBri -SprintBacklog, Meilensteine
  Discussion starten, um Themen zu diskutieren (neue Funktionen, neue Elemente, ...)
• Datenschutzbestimmung und GitHub
  Angebot zum Austausch

[cbraehmig]

Protokoll 12.01.2023

• LeanInputAdapter
  BlogPost erstellen
• dynamische Anpassung von Inputs
  bitte Textarea nutzen, enthalt gewünschtes Verhalten
• Darstellung Beispiel Linkliste
  Dokumentation aktuell im Umbau
• Datumstyp in KoliBri Tabelle
  Beispiel in Table-Doku

[cbraehmig]

Protokoll 20.01.2023

• Problem Kol-Link- bzw. Nav-Component und React-Router
  ergänzen
• Components in Kol-Table
  Nutzung der render()-Funktion
• Unittest eigener Komponenten basierend auf KoliBri
  https://nightwatchjs.org/api/getShadowRoot.html
• Kol-Button Größe in ab Version 16 (CSS greift scheinbar nicht)
  Issue wird erstellt
• horizontale Nav - Untermenüs klappen nicht mehr ein Version 18
  Kontext muss an die Komponente übergeben werden
  Erweiterung der Dokumentation
• FontAwesome Icon einfärben
  über den Style der Komponente
• Stand Dokumentation FormElement
• [ ]

[deleonio]

Protokoll 26.01.2023

• Was muss beachtet werden, um neue Komponenten zu entwickeln.
  • Wie gehe ich ran?
  • https://github.com/public-ui/kolibri/tree/main/packages/library RADME
  • Komponenten testen (Snapshot, Screenshot-Testintg)
• Filtern in Tabellen
  • Filter innerhalb ist aus BITV eher schwierig
  • Filter-Menü ist außerhalb (oberhalb) günstiger und barrierefrei
• Tabelle Einstellungsmenü gewünscht (🛹 Feature: Einstellungsmenü für die KolTable #1834) - Prio?!
• Designer
  • Wie kann ich für die Entwicklung ein Theme patchen?

register(MAPZ, defineCustomElements)
  .then(() => {
     KoliBriDevHelper.patchTheme(...)

[deleonio]

Protokoll 02.02.2023

• 🐞 Bug: aria-current bei Navigations-Menüs ohne Unterpunkte wird nicht gesetzt #2043 // https://w5u37c.csb.app/#/nav/aria-current?theme=th
• 📖 Help: Viel (überflüssiger?) Text in NVDA bei KolNav und Breadcrumbs #2219
• 🐞 Bug: NVDA Fehler beim Accordion #2169
• Span - Die Verwendung ist gewünscht - aktuell ist dort jedoch ein Disclaimer!
• Nav - BrokenIcon durch ein Icon ersetzen
• InputDate - wie kann man das Resetten
• Badge in der Tabelle: Wir wollen ein Badge in einer Zell und deren breite auf maximal - Unter Text im Badge bleibt linkszentriert
• Headline / häufig wieder verwenden - HeadlineWc übernehmen nicht das Stylings - Warum?
• Table - Rendering - Tupel ist leider untypisiert: [READY] feat: add type parameters to class name ionic-team/stencil#3488

Handlungspunkte

• Problembeschreibung zu fehlender Typisierung Data bei Table in Doku aufnehmen.
• Accordion und Card bei Expert-Slot betrachten
• Span Disclaimer auf Badge verweisen
• Badge Code samples um icons erweitern

[cbraehmig]

Protokoll 09.02.2023

Notizen

• DemoApp Formular LeanUpAdapter
• Sortierung von Tabellen - vertikaler Header
• Rendern von Tabellenzellen - beide Ansatz vorstellen/gegenüberstellen
• Theme im Developement Modus "patchen" - live einbinden

Handlungspunkte

• Doku - Rendern beide Ansätze gegenüberstellen
• Issue - vertikale Header müssen mit sortiert werden
• Doku - Formhandling erweitern - Hinweis Controller/FormControl

[cbraehmig]

Protokoll 23.02.2023

Notizen

• Kol-Button - Typ Reset - Formular leeren
  Bitte Issue erstellen
• Ausrichtung von Tabellen - Header vs. Column
  Definition im Header -> aktuell nicht synchron
  Nur in den Zeilen -> Renderfunction
  https://codesandbox.io/s/kolibri-public-ui-react-samples-forked-djsq4f?file=/src/samples/table/render-cell.tsx
• Tabelle - Caption, Platz
  Caption ist in einer Tabelle erforderlich
  anderen Ansatz wählen - z.B. definition list
• Textfeld als Suchfeld mit Radiobuttons als Optionen
  höhere Komponente, daher nicht im Fokus von KoliBri
  Filteroptionen als Radiobuttons und Fieldset
• Klassenkomponenten -> functional components, setState
  Diskussion

const [list, setList] = useState<any[]>([]);

  const fetchData = async (prams: URLSearchParams) => fetchIt(prams)
           .then(nextList => setList(prevList => merge(prevList, nextList));

• Accordion - Button im Header - Position, Zoomproblem, Expertslot
  Lösungsansatz: Expertslot
• Accordion - Headerslot, nicht im Screenreader
  Test BF

Handlungspunkte

• Test Accordion Header vs. Screenreader

[deleonio]

Protokoll 17.08.2023

• Tabs und Tabpanel sind korrekt umgesetzt: 🐞 Bug: Tabs  #4177

[deleonio]

Protokoll 27.07.2023

1. 👍 Checkbox mit Tooltip: https://codesandbox.io/s/kolibri-public-ui-react-checkbox-tooltip-qj48wc
   
2. 👍 Placeholder: am Select bzw. Date - Wäre es möglich für KolSelect ein _placeholder-Attribut hinzuzufügen und die Defaultbelegung des Placeholders für KolInputDate ("tt.mm.jjjj") überschreibbar zu machen? https://codesandbox.io/s/kolibri-public-ui-react-date-select-placeholder-mw8cmg
3. npm init kolibri@1.5.3 my-kolibri-app, npm start - schauen wir uns noch einmal an
4. 👍 Gibt es ein Event für Sortierung geklickt? -> Ticket anlegen, dass man auch beim Unsortiert ein Event hat (https://codesandbox.io/s/kolibri-public-ui-react-table-sort-trigger-nwr9zw?file=/src/index.tsx)
5. Verwendung von Toast - appendChild: https://codesandbox.io/s/kolibri-public-ui-react-table-sort-trigger-nwr9zw
6. 👎 Styling KolSelect
   
7. 👍 Ticket anlegen - Pagination - zu viele Tooltips offen / Mausbedienung / Ausrichtung von Tooltips nicht korrekt
   
8. Überschriften und Bookmarklets: https://codesandbox.io/s/kolibri-public-ui-react-heading-bookmarklets-8q6lst?file=/src/index.tsx

• Prüfschritt: https://ergebnis.bitvtest.de/pruefschritt/bitv-20-web/9-1-3-1a-html-strukturelemente-fuer-ueberschriften
• https://www.bitvtest.de/bitv_test/das_testverfahren_im_detail/werkzeugliste.html
  Frage: Kann man auch andere Prüfwerkzeuge nutzen? 
  Bei vielen Prüfschritten kommen alternativ auch andere Prüfwerkzeuge infrage. Je nach den technischen Besonderheiten der zu prüfenden Seiten liefert mal das eine, mal das andere Werkzeug die besten Ergebnisse.

[deleonio]

Historie

Tag	Datum	Uhrzeit	Kommentar
Do	04.01.2024	14:15 bis 15:00	Neuer Einwahllink
Do	21.12.2023	14:00 bis 15:00
Do	07.12.2023	14:00 bis 15:00
Do	23.11.2023	14:00 bis 15:00
Do	09.11.2023	14:00 bis 15:00	findet nicht statt
Do	26.10.2023	14:00 bis 15:00
Do	12.10.2023	14:00 bis 15:00	Krankheit
Do	28.09.2023	14:00 bis 15:00	findet nicht statt
Do	14.09.2023	14:00 bis 15:00
Do	30.08.2023	14:00 bis 15:00
Do	17.08.2023	14:00 bis 15:00
Do	03.08.2023	14:00 bis 15:00	findet nicht statt
Do	20.07.2023	14:00 bis 15:00
Do	06.07.2023	14:00 bis 15:00
Do	22.06.2023	14:00 bis 15:00
Do	15.06.2023	13:30 bis 14:30
Do	08.06.2023	13:30	Feiertag
Do	01.06.2023	13:30
Do	25.05.2023	13:30	findet nicht statt
Do	18.05.2023	13:30	findet nicht statt
Do	11.05.2023	13:30
Do	04.05.2023	13:30
Do	20.04.2023	13:30
Do	13.04.2023	13:30	findet nicht statt
Do	06.04.2023	13:30
Do	30.03.2023	13:30
Do	23.03.2023	13:30
Do	16.03.2023	13:30
Do	09.03.2023	13:30
Do	02.03.2023	13:30
Do	28.02.2023	13:30
Do	23.02.2023	13:30
Do	16.02.2023	13:30	findet nicht statt
Do	09.02.2023	13:30
Do	02.02.2023	13:30
Do	26.01.2023	13:30
Fr	20.01.2023	13:00
Do	12.01.2023	13:30
Do	05.01.2023	13:30	heute nur 30min
Do	29.12.2022	13:30	findet nicht statt
Do	22.12.2022	13:30
Do	15.12.2022	13:30
Do	08.12.2022	13:30
Do	01.12.2022	13:30
Mi	23.11.2022	13:00
Do	17.11.2022	13:30
Fr	11.11.2022	13:15

[deleonio]

Protokoll 17.08.2023

• Return Value von defineCustomElements in 1.6-rc.27 gefixed
• Komplexe Formular
  • Frameworks
    • React Form Hooks
    • Formix
    • @leanup/form
  • Fehlerhandling an Input, Select, Textarea _error
    • Um das Fehler-Anzeigen selbst zu handeln sollte das _touched-Property gesetzt sein (es unterdrück die sichtbare Fehlermeldung, solange das Feld nicht "besucht" wurde).
  • Event-Handling / Change-Listeners
    • _on-Property? 👍
    • Typo-Konflikt zwischen Framework-Handlern und KoliBri-Callback
• InputDate Werte für min, max (string, Date): BUG - https://codesandbox.io/s/kolibri-public-ui-minimal-react-input-date-min-max-with-date-object-kmd4mv?file=/src/index.tsx
• Frage: Ist es technisch möglich Tooltips auch als ergänzende Info an z.B. Button zu setzen oder dienen diese nur als Text zu reinen Icon-Buttons für die Barrierefreiheit?
  • Szenario: Button mit sichtbarer Beschriftung soll zusätzlich ein Tooltip mit noch nähere Beschreibung.
    • mehrere Zurück-Button
    • Damit alle Schalter mit der Sprachsteuerung errreichbar sind, müssen sie auf der Seite eindeutige Beschriftungen haben.
    • Die Tooltip-Komponente aus KoliBri wird zukünftig eine rein interne Komponente.
• React-Router
  • Die Nav erkennt selbst, ob sie ein KolLink, KolButtonLink oder ein KolSpan (Text) verwenden soll
  • https://github.com/public-ui/kolibri/blob/main/packages/samples/react/src/samples/nav/active.tsx
• Wie komme ich an die Eingabewerte bei den Formularfeldern?
• Wie mache ich die Fehleranzeige bei den Formularfeldern?
• Wie kann ich eine eigene Icon-Font in KoliBri einbinden?

[laske185]

Protokoll 31.08.23

• Elemente im Modal setzen nach einem onChange den Fokus immer wieder auf das Modal
• Form mit mehreren Tabs: Wie behandelt man das Fehlerhandling?
  • Umsetzung mit Accordion und aufklappen aller Accordions mit Fehlern
  • Direkt beim Auftreten des Fehlers Markierung setzen
  • Könnte KoliBri direkt unterstützen? Best Practises? Beispielimplementierung
• Fehlervalidierungen aus dem Backend wieder in das Frontend zurückspiegeln
  • Fehler müssten von außen an das Formaular übergeben werden
• Formik
  • React-Framework für Validierungen
• Touched Status bei Checkboxen funktioniert nicht richtig?
• id an Komponenten setzen
• Zeitpläne für Themes

[deleonio]

Protokoll 14.09.2023

• Theming (Steffen)
  • Theme patch
    • Wozu?
      • https://public-ui.github.io/docs/concepts/architecture
    • Log-Ausgabe
    • patchTheme ist für die initiale Erstellung gut geeignet, nicht für Prod
    • Themes sollten immer in eigenen "abgenommen" getestet Paketen bereitgestellt werden
    • Neben patchTheme ist angedacht eine appendTheme Methode anzubieten.
  • Änderungen an den Komponenten im Theme
    • Visuelle Regressionstests: https://www.npmjs.com/package/@public-ui/visual-tests/v/1.7.0-rc.7
• Formular-Handling
  • Formik geplant (panding, Steffen)
  • React Hook Form (https://public-ui.github.io/blog/2023/08/29)
• Touched Status bei Checkboxen funktioniert nicht, richtig? (Steffen, hier bitte ein Reproduktionsbeispiel)
• Roadmap
  • 1.7 Release: soll "alles" bestmöglich für ein Upgrade auf v2 vorbereiten
    • 1.7 wird vorerst weiter gepflegt.
  • Upgrade v2
    • zuerst updaten auf v1.7
    • dort führt das MigrationTool ausführen - dadurch wieder der Quellcode auf den neusten Stand gebracht
      • https://www.npmjs.com/package/@public-ui/kolibri-cli/
    • noch einmal selbst darüber schauen
    • Upgraden
    • Starten
    • Restarbeiten

[deleonio]

Protokoll 14.09.2023

• Radio - Erzwingt gesetzen Wert -> Hier wird einen neue Discussion angelegt
• Radio - onChange triggert 2. -> Hierzu gibt es ein neues Issue
• Multi-Theming vorstellen: https://stackblitz.com/edit/vitejs-vite-9vvf8b
  1. mittels data-theme am body, hier muss detect: "auto" gesetzt werden
  2. oder die Konfiguration in eine separate Datei auslagern config.json und mittels fetch laden

const THEMES = new Map();
THEMES.set("ecl-ec", ECL_EC);
THEMES.set("ecl-eu", ECL_EU);
THEMES.set("default", DEFAULT);

fetch("config.json").then((data) => {
  data.json().then((json) => {
    register(THEMES.get(json.theme), [])

[laske185]

Protokoll 23.11.2023

• Selenium Tests (mit Mocha) - Arpad Meyer
  • Auf Elemente innerhalb des Shadow-DOMS zugreifen
  • Beispiel: Auf ein Element innerhalb der Nav
  • "Für E2E ist nightwatch zu verwenden"
• Probleme mit i18next
  • Möglicherweise gleiches Problem wie hier i18n: Namespacing prüfen und implementieren #5572
• Nach Versionswechsel von KoliBri muss Browsercache hart geleert werden, damit die neue Version greift
  • Vielleicht Probleme im Bundeling
  • Bei Import über index.html über Versionsangabe Problem umgehen
• Neues Release 1.7.5 für nächste Woche planen?

[deleonio]

Protokoll 07.12.2023

• i18next - Namespacing: i18n: Namespacing prüfen und implementieren #5572 (wird jetzt geschlossen)
  • Bitte alle neuen Infos in das neue Ticket: 🐞 Bug: Namenskonflikt mit i18next Bibliothek #5716
• Caching
  • Hinweise:
    • Modified Header: 26.10.1986 Bearbeitungsdatum / npm pack ein-/auspacken - Nachlesen
    • Tick: <script src="main.js?23049302948" ...
  • Webpack-Plugin nutzen: https://stackoverflow.com/questions/62356238/get-webpack-to-output-the-generated-hash-to-a-config-file
• Releases: 1.7.6, 2.0.0 (08.12.2023)
• Upgrade vorstellen / @public-ui/kolibri-cli
• https://github.com/public-ui/kolibri/blob/develop/MIGRATION.md

[laske185]

Protokoll 18.01.2024

• Barrierefreiheit bleibt nach Upgrade von KoliBri bestehen
  • Komponenten werden bei Weiterentwicklung immer auf BF getestet
• Tabelle: Renderfunktionen mit Typisierung
  • Parameter sind nicht typisiert
  • Kann aufgrund des verwenden Frameworks (stencil) nicht umgesetzt werden
  • 🛹 Feature: Generic Typed Components #523
  • Wir warten auf StencilJS [READY] feat: add type parameters to class name ionic-team/stencil#3488

[deleonio]

Protokoll 02.02.2024

Hands-on

• https://stackblitz.com/edit/vitejs-vite-snhbaj?file=src%2FApp.tsx
  • Modal-Beispiel
  • forwardRef
  • autofocus-Beispiel
    • Hier gibt es eine gute englischsprachige Antwort zum Thema Autofokus in Formularen -> https://stackoverflow.com/questions/2180645/is-automatically-assigning-focus-bad-for-accessibility
• Styling / Erstellen eines eigenen Themes zum Styleguide
  • Button-Custom-Class: https://github.com/public-ui/kolibri-demo-theme
    • KoliBriDevHelper.patchTheme oder KoliBriDevHelper.patchThemeTag
  • Font-Icon in Theming: bmf-Theme verwendet schon die Material Symbols: https://github.com/public-ui/kolibri/tree/develop/packages/themes/bmf
• Checkbox - in Table - PRIO!

[deleonio]

Protokoll 14.02.2024

Fragen:

• Switch - Option Label entweder links oder rechts: 🛹 Feature: Switch - Option Label entweder links oder rechts #6083
  • aktuell nicht möglich
  • pro Theme ist aktuell eine Ausprägung des Designs i.d.R. fix
• Link zu den internen Themes im internen Channel-Chat geteil
• ESM-Handling optimieren - Termin mit @mello-r - 🐞 Bug: KoliBri Loader wird nicht als ESM module resolved #5987
• Release Notes vorgestellt 1.7.11, 1.7.12, 2.0.5 und 2.0.6

[deleonio]

Protokoll 14.03.2024

• Fragen zur Tabelle
  • Zeilen-Hover
    • Bei den meisten Styleguides ist es aktuell nicht im Styleguide umgesehen.
  • Checkbox - Zeilenauswahl in der Tabelle
  • Filter innerhalb der Tabellen-Struktur
    • Empfehlung aus Sicht der Barrierefreiheit ist
      • Filter oberhalb der Tabelle als kleines Formular anbieten
      • Filter anwenden - Tabelle aktualisiert sich
  • Man kann explizit, entscheiden, welche Daten in der Tabelle als Spalten angezeigt werden. Nicht alle verwendeten Daten werden ausgegeben.
  • Zahl fällt aus dem Schalter raus: 🐞 Bug: Manche Pagination Elemente werden nicht richtig dargestellt #6146
  • Tabellenbeispiele: mehr Interaktion in gerendeten Zellen: 💡 Hinweis: Tabellenbeispiele mit mehr Interaktion in gerendeten Zellen #6211

[laske185]

Protokoll 11.04.2024

• Theming mit SCSS präsentiert
• Combobox
  • Standardwert unterstützt
  • muss von außen gesetzt werden
• Switch
  • onChange gibt als Wert immer false (2.0.4)
  • Leanup
• Habt ihr schon Erfahrung mit dem Deployment von einer Kolibri-Anwendung auf JBoss? Gibt es einer Art Anleitung?
  • Es ist an sich möglich
  • Per Mail nachfragen und offline klären

[deleonio]

Protokoll 23.05.2024

• Testing-Beispiele für die Selektion von KolButton
  • Component-Test mit Jest und Testing-Library
  • E2E-Test z.B. mit Playwright
  • Für das Testen empfiehlt es sich, eindeutige Identifier id-Attribut zu verwenden: https://public-ui.github.io/docs/components/button#properties
  • Beim Testen sollte zudem bedacht werden, ob es wirklich erforderlich ist, den Shadow von KoliBri-Komponenten testen zu wollen/müssen.
  • Shadow-Selektion: Shadow DOM support? testing-library/jest-dom#340
• Feedback aus Barrierefreiheitstest
  • Tabelle
    • Zoom 200%: https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components/table/horizontal-scrollbar.tsx
    • Kunden-Themes werden vom Kunden mittels des Styleguide spezifiziert - wir stimmen die Umsetzung in KoliBri mit dem Kunden ab
      • Feedback ist aus der Community erwünscht!
      • Hover-Effekt bei den Tabellen-Zeilen ist nicht so ganz ok
    • Tabellen-Überschriften in anderen Sprachen - lang="en": Erweiterung der Tabellenkomponente zur Unterstützung mehrsprachiger Header-Spalten mittels lang-Attribut #6456
    • Tabellen-Zeilen auswählen: https://develop--kolibri-public-ui.netlify.app/#/table/stateless-with-selection (Preview)
  • Toast: https://develop--kolibri-public-ui.netlify.app/#/toast/basic
• Multi-Select - select-Tag von HTML und Barrierefreiheit
  • Das "native" select mit multiple liest meist nur die zuletzt ausgewählte Option vor, nicht aber alle gewählten Optionen - dieses Problem kennen die Testenden i.d.R.
  • Wir nehmen das Thema in die Known-Issues auf (Ticket: 🛠️ Todo: Multi-Select Screenreader-Probleme als Known Issue dokumentieren #6457)
• Skip-Nav
  • Der Verwendungszweck sollte besser in unserer Dokumentation herausgestellt werden.
  • Zudem sollten die Samples mehr mit dem Begriff skip zusammenhängen.