LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-11-23 12:51:13 +00:00
Code Issues Projects Releases Wiki Activity

Add autofocus to remote fetch modal input

Browse source
This commit is contained in:
SleeplessOne1917 2023-07-22 21:29:46 -04:00
parent fa37321dbd
commit d6ed83d92f
1 changed files with 16 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/shared/components/common/subscribe-button.tsx
View file

@ -80,11 +80,27 @@ export function SubscribeButton({
);
}
function focusInput() {
document.getElementById("remoteFetchInstance")?.focus();
}
class RemoteFetchModal extends Component {
constructor(props, context) {
super(props, context);
}
componentDidMount() {
document
.getElementById("remoteFetchModal")
?.addEventListener("shown.bs.modal", focusInput);
}
componentWillUnmount(): void {
document
.getElementById("remoteFetchModal")
?.removeEventListener("shown.bs.modal", focusInput);
}
render() {
return (
<div