m1ngsama/chat-bubbles-for-yt
1
0
Fork 0
mirror of https://github.com/m1ngsama/chat-bubbles-for-yt.git synced 2025-12-24 10:51:21 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(app): set focus to input on load

Browse source
This commit is contained in:
Takuya Matsuyama 2022-04-23 17:25:22 +09:00
parent 2098145f20
commit 1fb91fc98f
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/App.jsx
View file

@ -1,4 +1,4 @@
import { useState, useCallback } from 'react' import { useState, useCallback, useEffect } from 'react'
import logo from './logo.svg' import logo from './logo.svg'
import './App.css' import './App.css'
import Chat from './chat' import Chat from './chat'
@ -18,6 +18,13 @@ function App() {
} }
}, [newMessage, messages]) }, [newMessage, messages])
useEffect(() => {
const el = document.querySelector('.bubble.input > div')
if (el) {
el.focus()
}
}, [])
return ( return (
<div className="App"> <div className="App">
<Chat> <Chat>