gitea_admin/Styleguide
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Aktivierbare Komponenten: kein Auto-Setzen von Werten bei Schalter an

Browse Source
This commit is contained in:
Mathias Gläser
2026-05-23 10:27:56 +02:00
parent 973e05dd73
commit 7abd6506e6
1 changed files with 14 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/interactive-elements.html
+13 -6
View File
@@ -676,9 +676,11 @@
return; return;
} }
options.forEach((option, index) => { if (!isActive) {
option.setAttribute('aria-checked', String(isActive && index === 0)); options.forEach((option) => {
option.setAttribute('aria-checked', 'false');
}); });
}
target.dataset.open = 'false'; target.dataset.open = 'false';
trigger.setAttribute('aria-expanded', 'false'); trigger.setAttribute('aria-expanded', 'false');
updatePulldownSelectionState(target); updatePulldownSelectionState(target);
@@ -691,17 +693,22 @@
return; return;
} }
checkbox.setAttribute('aria-checked', String(isActive)); if (!isActive) {
checkbox.classList.toggle('sg-form-active', isActive); checkbox.setAttribute('aria-checked', 'false');
}
const isChecked = checkbox.getAttribute('aria-checked') === 'true';
checkbox.classList.toggle('sg-form-active', isChecked);
checkbox.classList.toggle('sg-checkbox-field--inactive-selectable', !isActive); checkbox.classList.toggle('sg-checkbox-field--inactive-selectable', !isActive);
return; return;
} }
if (componentType === 'radio-field') { if (componentType === 'radio-field') {
const radios = target.querySelectorAll('.sg-radio-field'); const radios = target.querySelectorAll('.sg-radio-field');
const defaultRadio = radios[0];
radios.forEach((radio) => { radios.forEach((radio) => {
const checked = isActive && radio === defaultRadio; if (!isActive) {
radio.setAttribute('aria-checked', 'false');
}
const checked = radio.getAttribute('aria-checked') === 'true';
radio.setAttribute('aria-checked', String(checked)); radio.setAttribute('aria-checked', String(checked));
radio.classList.toggle('sg-form-active', checked); radio.classList.toggle('sg-form-active', checked);
radio.classList.toggle('sg-radio-field--inactive-selectable', !isActive); radio.classList.toggle('sg-radio-field--inactive-selectable', !isActive);