Community of Practices (CoP)

[deleonio]

Herzlich willkommen zur Community of Practices

Einwahllink

Einwahllink für die Konferenz
(Häufigkeit alle 2 Wochen am Donnerstag ab Donnerstag, 15. August 2024 bis Donnerstag, 10. Oktober 2024.)

Konferenzen:

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

Termine

Tag	Datum	Uhrzeit	Kommentar
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 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

[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: Checkbox/Switch/ToggleButton - 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.

[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