Community of Practices (CoP)

[deleonio]

Herzlich willkommen zur Community of Practices

Einwahllink

Fällt am 16.01.2025 aufgrund eines internen Events aus.

Einwahllink für die Konferenz
(Häufigkeit alle 2 Wochen donnerstags von 14:00 bis 15:00 Uhr - 26. Dezember 2024)

CoP-Tickets

Hier findet Ihr alle offenen Tickets aus der Community of Practices: cop Community of Practices

Konferenzen

• Smart Country Convention 2024
• EnterJS 2024
• c't webdev 2023

Termine

Tag	Datum	Uhrzeit	Kommentar
Do	30.01.2025	14:00 bis 15:00
Do	16.01.2025	14:00 bis 15:00	findet nicht statt
Do	02.01.2025	14:00 bis 15:00	findet nicht statt
Do	19.12.2024	14:00 bis 15:00	findet nicht statt
Do	05.12.2024	14:00 bis 15:00
Do	21.11.2024	14:00 bis 15:00
Do	21.11.2024	14:00 bis 15:00
Do	07.11.2024	14:00 bis 15:00
Do	24.10.2024	14:00 bis 15:00
Do	10.10.2024	14:00 bis 15:00	findet nicht statt
Do	26.09.2024	14:00 bis 15:00	findet nicht statt
Do	12.09.2024	14:00 bis 15:00
Do	29.08.2024	14:00 bis 15:00
Do	15.08.2024	14:00 bis 15:00
Do	01.08.2024	14:00 bis 15:00
Do	18.07.2024	14:00 bis 15:00	findet nicht statt
Do	04.07.2024	14:00 bis 15:00
Do	20.06.2024	14:00 bis 15:00
Do	06.06.2024	14:00 bis 15:00
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.

Achtung: Link ist immer erst 5 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 [email protected] 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 [email protected] 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 [email protected].

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 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.

[laske185]

Protokoll 06.06.2024

• Ausgewählter Eintrag der Navigation nicht farblich hinterlegt
  • Der aktuelle Eintrag muss von außen gesetzt werden (active)
  • Ist aus Dokumentation nicht ersichtlich
• Syntax kol-input (Webcomponents) vs. KolInput (z.B. React)

[deleonio]

Protokoll 20.06.2024

• Checkbox und das Value "eigentlich" funktioniert (checked vs value)
  • v2.1.3 Release fixed getValue()
  • https://66727e64803efac6b9dbf6f3--kolibri-public-ui.netlify.app/#/scenarios/inputs-get-value
• Nachfrage nach der Selektion in Tabellen
  • ist in Version 2.1.2 "ungetestet" umgesetzt
  • Barrierefreiheitstest ist erfolgt: Selektion in der TableStateless auf Barrierefreiheit prüfen #6431
  • Impl. Beispiel: https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components/table/stateful-with-selection.tsx
  • Sample Beispiele
    • https://public-ui.github.io/v2/sample-react/#/table/stateful-with-selection
• Tabellen-Selektion (alle auswählen, alle abwählen) ??? Alle Seiten oder nur die angezeigte Seite @cbraehmig @ElVariablo
• in Theme-Packages wird i.d.R immer die peerDependency auf KoliBri definiert (Achtung: Peer-Dep-Prüfung von NPM nicht deaktivieren)
• Wenn man 2 Webcomponent Libs kombiniert, dann müssen ggf. auch 2 Theme-Pakete für ein DesignSystem gepflegt werden. Wie können wir das vereinfachen? - 🛹 Feature: CreateTheme mit eigenen Komponenten #6447 (KERN)
  • Styles Laden nur bei Shadow-Roots ... Reviewn
• Vorstellung der neuen Ticket-Vorlagen: https://github.com/public-ui/kolibri/issues/new/choose

[laske185]

Protokoll 04.07.2024

• fehlerhaftes Datumsfeld
  • während der Eingabe eines Datums wird Feld zurückgesetzt
  • nachstellbar: https://public-ui.github.io/v2/sample-react/#/scenarios/appointment-form
  • Issue
• csv Export
  • csv-stringify
  • Beispielnutzung: https://github.com/public-ui/a11y-standardanforderungskatalog/blob/develop/src/services/exporter.ts

[deleonio]

Protokoll 01.08.2024

• StateFullTable - Wie setzt man die Selektion-Labels.

  • kolibri/packages/samples/react/src/components/table/stateful-with-selection.tsx

    Line 17 in 6b5f4da

    label: (row) => `Selection for ${(row as Data).name}`,

    const selection= {
    label: (row) => {
    	console.log(row);
                return `Selection for ${row.name}`
       },
       ...
  };

  • mit getSelection() kann man die kol-table-stateful fragen, welche Zeilen ausgewählt sind
• Workshop Table vs List @cbraehmig
• Beispiel für Formik und React + KoliBri: https://github.com/public-ui/templates/tree/main/csr/react-vite-formik/src

[deleonio]

Protokoll 15.08.2024

• KolTable (2.1.x) - Die Zahlen springen aus der Pagination
  
• <th class="align-center" scope="col" data-sort="sort-DESC" style="width: 20em;" aria-sort="descending"> Wir testen das Sortieren in der Spalten nach. Icon ist bei uns nicht beschriftet. Wir sollten das begründen.
• select hat bei uns kein Readonly - hier bräuchten wir ein Feature-Request: https://html.spec.whatwg.org/multipage/form-elements.html#the-select-element
• Mehrere Checkbox als Gruppe (Fieldset)
  • geht es darum nur eine Fehlermeldung für mehrere Inputs haben zu wollen
  • Fieldset / mehrere Inputs - @AntnSaj
• Theming
  • Fehlender Farbabstand muss im Theme gepflegt werden: https://html.spec.whatwg.org/multipage/form-elements.html#the-select-element
  • Farbe des Sortier-Icons im HeaderCell ändern/steuern
• Accordion-Group
  • Es wäre schön, wenn die Anzahl der Accordions vorgelesen werden
  • Überlegung ein UL + LI als Rahmen drumrum zu bauen

<ul><li><kol-accordion _label="Überschrift Level 1" _level="1" class="kol-accordion hydrated" style="" _open="">Inhalt Accordion Tab 1</kol-accordion></li><li><kol-accordion _label="Überschrift Level 2" _level="2" class="kol-accordion hydrated" style="" _open="">Inhalt Accordion Tab 2</kol-accordion></li><li><kol-accordion _label="Überschrift Level 3" _level="3" class="kol-accordion hydrated" style="">Inhalt Accordion Tab 3</kol-accordion></li><li><kol-accordion _label="Überschrift Level 4" _level="4" class="kol-accordion hydrated" style="" _open="">Inhalt Accordion Tab 4</kol-accordion></li><li><kol-accordion _label="Überschrift Level 5" _level="5" class="kol-accordion hydrated" style="">Inhalt Accordion Tab 5</kol-accordion></li><li><kol-accordion _label="Überschrift Level 6" _level="6" class="kol-accordion hydrated" style="">Inhalt Accordion Tab 6</kol-accordion></li></ul>

[deleonio]

Protokoll 29.08.2024

• Rückfrage zur KolTable bzw. der neuen KolTableStateful
  • Fix Dokumentation hier scheint der Link zu KolTableStateful falsch
  • Verwendung der KolTableStateless oder KolTableStateful
  • Callback - für Sortierung ist in der KolTableStateless vorhanden
  • Aktuelle bzgl. Barrierefreiheit: Barrierefreiheit entspricht der von der Vorgängerkomponente KolTable
  • Caption in Table (linksbündig)
• Wunsch nach der Vorstellung "Tabelle vs Liste" für Ergebnislisten und Interaktion in Tabellen
• KolAccordion
  • Die H-Level sind alle gleich groß und warum ist das so?
    • Wird im Design System i.d.R. homogen definiert.

[deleonio]

Protokoll 12.09.2024

• KolAlert und Fragen zum Fokus: https://stackblitz.com/edit/vitejs-vite-fy7pct?file=src%2FApp.tsx
• ToastService darf nicht mehr im globalen Scope sein, da es erst "abgeholt" werden darf, wenn die bootstrap-Methode ausgeführt wurde: https://github.com/public-ui/kolibri/blob/develop/packages/samples/react/src/components/toast/basic.tsx

[mweiershaeuser]

Wir haben zum Thema KolAlert & Fokus folgendes Issue angelegt: #6817

[deleonio]

Protokoll 24.10.2024

---

• KolTable - Mobile-Ansicht - Wir machen hierzu eine Diskussion zu diesem Thema und argumentieren gemeinsam über die barrierefreie Machbarkeit.
• Bei der KolTable-Selektion ist ein Fehler drin - Die Header-Zelle für die Auswahl muss ein td und kein th sein - hierzu bitte ein Ticket anlegen: Bug: KolTable* Selection-Spalte darf keine th sein #6967
  
  
• KolTable - Selection: Styling in einer KolInputCheckbox in eine Tabellen-Zelle sieht nicht optimal aus - Margin/Padding (Zoll)
• Erläuterung der Paket-Abhängigkeit zwischen Theme und Component-Paket
  • peerDependencies
  • Konfigurationen könnten die Warnung unterbinden:
    • https://docs.npmjs.com/cli/v7/using-npm/config#legacy-peer-deps
    • https://docs.npmjs.com/cli/v7/using-npm/config#strict-peer-deps
    • .npmrc prüfen, ob die Checks deaktiviert sind
  • Für die Themes erfolgt immer er eine Prüfung auf Abweichungen und ggf. wird ein neues Release nach einem Components Release erstellt.
• Ich möchte von einer KoliBri Version auf eine neuere KoliBri-Version updaten/upgraden.
  • Hierfür bieten wir ein Migrationstool an, welches die meisten elementaren Änderungen automatisch vornimmt: https://www.npmjs.com/package/@public-ui/kolibri-cli
  • https://public-ui.github.io/docs/migration

[deleonio]

Protokoll 07.11.2024

---

• Pagination

  • Beschriftung der Schalter (Seite 1 ....)
    

  • Page-Size ... alle anzeigen: https://github.com/public-ui/kolibri/blob/da516bc740b295b194884daba29215d900bc94f7/packages/samples/react/src/components/pagination/basic.tsx#L30C5-L30C33 - aktuell sind nur Zahlen möglich und kein individuelles Label

• InputText - Error-Message: 🐞 Bug: Keine Screen Reader Ausgabe von Fehlermeldungen an Input-Feldern bei Pfeiltastennavigation #6660 (Tab-Modus Ok, Lese-Modus: Nok)

• Tab-Style bei einem internen Theme überprüfen

  • 2.1.8, 2.1.9 interne Theming ... neu priorisieren
  • kol-button-group-wc

• Daten ohne Jahr / InputDate

  • Custome TextInput + Formatter/Parser
  • Barrierefreiheit? Weil kein semantischer Ansatz
  • Idee wäre zwei Eingabefelder (Number-Inputs) für Monat und Tag separat umzusetzen
  • 🐞 Bug: Keine Screen Reader Ausgabe von Fehlermeldungen an Input-Feldern bei Pfeiltastennavigation #6660

• Angular Reactive Forms

  • 🙏 Help: Angular Reactive Forms #7010
  • Features für v3 / Native Events: DOM-Events umsetzen #6987

• KERN UX

  • Problem mit shadow: false Wrapper-Component
  • Wie registriert man 2 Themes: https://public-ui.github.io/docs/concepts/architecture#erweitert
  • bootstrap:

    kolibri/packages/components/src/core/bootstrap.ts

    Line 22 in da516bc

    export const bootstrap = async (

  • Interessant ist, ob zwei Themes mit demselben Identitiver laden können. Hierzu brauchen wir ein Reproduktionsbeispiel.

[marcelhdl]

@deleonio du wolltest bei Angular glaub eher das hier verlinken: #6987, oder?

[deleonio]

Protokoll 21.11.2024

---

• Diskussion zu Mobiler-Ansicht von Tabellen: 🚀 Feature: Mobile Ansicht der Tabellenkomponente #6976
  • Es geht darum, dass seitliches Scrollen umgangen werden soll.
  • Wir besprechen die Umsetzung im Kolibri-Team - ist das ein sinnvolles Feature für uns
  • Feature-Ticket: 🚀 Feature: Mobile Ansicht der Tabellenkomponente #7101
• Radio-Set
  • lang-Attribut - es sollte nicht für einzelne Wörter sein - bei ganzen Absätzen macht lang eher Sinn.
  • BITV-Prüfschritt: https://bitvtest.de/pruefschritt/bitv-20-web/bitv-20-web-9-3-1-2-anderssprachige-woerter-und-abschnitte-ausgezeichnet
• spellcheck bei Inputs auch deaktivierbar machen: Implementierung des _spellcheck Attributs für alle Text-Eingabekomponenten #7102
• Was kann ich machen, wenn ich eine leere Tabelle habe und den Text für "keine Daten ..." anders haben möchte
  • Vorschläge:
    • Tabelle ausblenden und ein beliebiges Gestaltungselement mit beliebigem Text verwenden.
    • Wäre ein weiteres Property für den Text sinnvoll?
    • Text für leere Tabelle #7153

[deleonio]

Protokoll 05.12.2024

---

• Ist es möglich, verschiedener Komponenten-Biliotheken zu kombinieren?
  • Ja! - KoliBri ist dazu angetreten, die Komponenten, die in allen Design-Systemen gleich gelöst werden müssten - mittels Web Components zu standardisieren.
  • Die Idee ist, dass man KoliBri nahtlos mit anderen Bibliotheken kombiniert werden. Man kann die Elemente parallel wiederverwenden.
  • KoliBri hat nicht den Anspruch ein Design System zu sein - eine Kombination ist somit vorgesehen.
• Wie BITV-konform ist KoliBri?
  • Was tun wir, um die Qualität und die Barrierefreiheit sicherstellen?
    • Barrierefreiheit ist ein Schritt im Entwicklungsprozess. (Test-Lane - zwischen Entwicklung und Review)
    • Es gibt regelmäßige Gesamttests neben dem Regressionstest während der Entwicklung.
      • https://public-ui.github.io/v2/sample-react/
  • Die KoliBri-Komponenten sind in sich geschlossen barrierefrei.
    • Eine Falschverwendung ist immer möglich.
• Anpassbarkeit des Default-Themes vs. Wie erstelle ich ein Custom-Theme.
  • https://github.com/public-ui/kolibri/pull/7145/files

[deleonio]

Protokoll 19.12.2024

---

• Mobiler-Ansicht von Tabellen:
  • 🚀 Feature: Mobile Ansicht der Tabellenkomponente #6976
  • 🚀 Feature: Mobile Ansicht der Tabellenkomponente #7101
• Silbentrennung funktioniert in Chrome nicht korrekt: Fehlende Bindestrich bei Silbentrennung #7136