mirror of
https://github.com/go-gitea/gitea
synced 2024-06-03 01:45:47 +00:00
4fec3a3d44
Backport #30546 by @silverwind Fixes: https://github.com/go-gitea/gitea/issues/30384 On repo settings page, there id `repo_name` was used 5 times on the same page, some in modal and such. I think we are better off just auto-generating these IDs in the future so that labels link up with their form element. Ideally this id generation would be done in backend in a subtemplate, but seeing that we already have similar JS patches for checkboxes, I took the easy path for now. I also checked that these `#repo_name` were not in use in JS and the only case where this id appears in JS is on the migration page where it's still there. Co-authored-by: silverwind <me@silverwind.io>
14 lines
510 B
JavaScript
14 lines
510 B
JavaScript
import {linkLabelAndInput} from './base.js';
|
|
|
|
export function initAriaCheckboxPatch() {
|
|
// link the label and the input element so it's clickable and accessible
|
|
for (const el of document.querySelectorAll('.ui.checkbox')) {
|
|
if (el.hasAttribute('data-checkbox-patched')) continue;
|
|
const label = el.querySelector('label');
|
|
const input = el.querySelector('input');
|
|
if (!label || !input) continue;
|
|
linkLabelAndInput(label, input);
|
|
el.setAttribute('data-checkbox-patched', 'true');
|
|
}
|
|
}
|