[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

@ -122,7 +122,8 @@ export function FileInput({ label, field, ...props }: FileInputProps) {
const ref = useRef<HTMLInputElement>(null);
const { onChange, infoComponent } = field;
const id = nanoid();
const onClick = () => {
const onClick = (e) => {
e.preventDefault();
ref.current?.click();
};
@ -133,7 +134,12 @@ export function FileInput({ label, field, ...props }: FileInputProps) {
htmlFor={id}
tabIndex={0}
onClick={onClick}
onKeyDown={e => e.key === "Enter" && onClick()}
onKeyDown={(e) => {
if (e.key === "Enter") {
e.preventDefault();
onClick(e);
}
}}
role="button"
>
<div className="label-label">