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 { class RemoteFetchModal extends Component {
constructor(props, context) { constructor(props, context) {
super(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() { render() {
return ( return (
<div <div