CGM_Public/pretix_original
2
0
Fork 1
mirror of https://github.com/pretix/pretix.git synced 2026-05-08 15:44:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

[A11y] move lightbox to native dialog (#5137)

Browse Source 
* [A11y] move lightbox to native dialog

* fix width-sizing-issue

* move button label to aria-label

* increase padding for lightbox, so button does not overlay image

* Remove unused JS

* add close on backdrop-click

---------

Co-authored-by: Raphael Michel <michel@rami.io>
This commit is contained in:
Richard Schreiber
2025-05-23 10:19:03 +02:00
committed by GitHub
parent 6e306055cb
commit 37af6edeab
4 changed files with 57 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
src/pretix/static/pretixpresale/js/ui/main.js
View File

@@ -696,7 +696,27 @@ $(function () {
});
// Lightbox
lightbox.init();
(function() {
var dialog = document.getElementById("lightbox-dialog");
var img = dialog.querySelector("img");
var caption = dialog.querySelector("figcaption");
$(dialog).on("mousedown", function (e) {
if (e.target == this) {
// dialog has no padding, so click triggers only on backdrop
this.close();
}
});
$("a[data-lightbox]").on("click", function (e) {
e.preventDefault();
var label = this.querySelector("img").alt;
img.src = this.href;
img.alt = label;
caption.textContent = label;
dialog.showModal();
});
})();
// free-range price input auto-check checkbox/set count-input to 1 if 0
$("[data-checked-onchange]").each(function() {