Auto focus button in timer view

This commit is contained in:
manubo
2019-10-17 09:34:00 +02:00
parent 76d57729f4
commit f286ffceb8
2 changed files with 1 additions and 8 deletions

View File

@@ -25,7 +25,7 @@ export default function TimerView({ timedActivity, onStopTimer }) {
offset={timedActivity.seconds}
style={{ fontSize: "36px", display: "inline-block" }}
/>
<button className="moco-bx-btn btn-stop-timer" onClick={handleStopTimer}>
<button className="moco-bx-btn btn-stop-timer" onClick={handleStopTimer} autoFocus>
<StopWatch />
</button>
</div>

View File

@@ -19,13 +19,6 @@ const Popup = forwardRef((props, ref) => {
}
useEffect(() => {
// Document might lose focus when clicking the browser action.
// Document might be out of focus when hitting the shortcut key.
// This puts the focus back to the document and ensures that:
// - the autofocus on the hours input field is triggered
// - the ESC key closes the popup without closing anything else
window.focus()
document.activeElement?.blur()
window.addEventListener("message", handleMessage)
return () => {
window.removeEventListener("message", handleMessage)