mirror of
https://github.com/superseriousbusiness/gotosocial.git
synced 2025-10-30 18:02:24 -05:00
[bugfix/frontend] Fix photoswipe layout issues, keyboard shortcuts (#4010)
* fix photoswipe layout issues (chrome) * aaaaaaaaaaaaaa * wwwwwwwwwwww
This commit is contained in:
parent
f5ce219844
commit
b510f3c539
18 changed files with 257 additions and 125 deletions
|
|
@ -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">
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue