Feat: modal open 시 input focusing 기능 추가

woowacourse · Mar 6, 2021 · b9b4adf · b9b4adf
1 parent 4230004
commit b9b4adf
Show file tree

Hide file tree

Showing 2 changed files with 1 addition and 2 deletions.
diff --git a/src/js/components/videoSearchModal/VideoSearchBar.js b/src/js/components/videoSearchModal/VideoSearchBar.js
@@ -8,7 +8,6 @@ export default class VideoSearchBar extends Component {
     store.subscribe(this.render.bind(this));
   }
 
-  // TODO :  input Focusing
   // TODO : '               ' string error 처리
   initRender() {
     this.$target.innerHTML = `

diff --git a/src/js/components/videoSearchModal/VideoSearchModal.js b/src/js/components/videoSearchModal/VideoSearchModal.js
@@ -10,7 +10,6 @@ import {
   updateRequestPending,
   updateVideosToBeShown,
 } from '../../redux/action.js';
-import { ERROR_MESSAGE } from '../../constants/constants.js';
 
 export default class VideoSearchModal extends Component {
   constructor($target) {
@@ -74,6 +73,7 @@ export default class VideoSearchModal extends Component {
 
   onModalShow() {
     this.$target.classList.add('open');
+    this.videoSearchBar.$videoSearchInput.focus();
   }
 
   onModalClose() {