[bugfix/frontend] Fix photoswipe layout issues, keyboard shortcuts (#4010)

* fix photoswipe layout issues (chrome)

* aaaaaaaaaaaaaa

* wwwwwwwwwwww
This commit is contained in:
tobi 2025-04-14 15:12:21 +02:00 committed by GitHub
commit b510f3c539
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
18 changed files with 257 additions and 125 deletions

View file

@ -71,7 +71,8 @@ export default function ImportExportForm({ form, submitParse, parseResult }: Imp
}, [exportResult]);
const importFileRef = useRef<HTMLInputElement>(null);
const importFileOnClick = () => {
const importFileOnClick = (e) => {
e.preventDefault();
importFileRef.current?.click();
};
@ -110,7 +111,12 @@ export default function ImportExportForm({ form, submitParse, parseResult }: Imp
className={`button with-icon${form.permType.value === undefined || form.permType.value.length === 0 ? " disabled" : ""}`}
tabIndex={0}
onClick={importFileOnClick}
onKeyDown={e => e.key === "Enter" && importFileOnClick()}
onKeyDown={(e) => {
if (e.key === "Enter") {
e.preventDefault();
importFileOnClick(e);
}
}}
role="button"
>
<i className="fa fa-fw " aria-hidden="true" />