File tree Expand file tree Collapse file tree 2 files changed +21
-1
lines changed
core-courses/3-js-basic-level/practicum-js-basic-level/sb-crm-client Expand file tree Collapse file tree 2 files changed +21
-1
lines changed Original file line number Diff line number Diff line change 403403 background-color : var (--gray );
404404}
405405
406+ .modal__body-save-btn .custom-focus {
407+ background-color : var (--dark-purple );
408+ }
409+
406410.modal__footer {
407411 display : flex;
408412 flex-direction : column;
Original file line number Diff line number Diff line change 17241724 if ( ! userConfirmed ) {
17251725 event . preventDefault ( ) ; // исключение закрытия модального окна
17261726 event . stopPropagation ( ) ; // исключение передачи данного события (выше)
1727- return ; // при "Cancel" по confirm, всё остаётся как было (т.е. вообще/без удалений)
1727+
1728+ // организация/перевод focus на кнопку "Сохранить" (при введённых данных, при "cancel" в confirm)
1729+ const saveButton = modalWrap . querySelector ( '#modal-body-save-btn' ) ;
1730+ if ( saveButton ) {
1731+ // установка через задержку (без задержки не фокусируется)
1732+ setTimeout ( ( ) => {
1733+ saveButton . classList . add ( 'custom-focus' ) ; // добавление "класса" для выделения
1734+ saveButton . focus ( ) ; // добавление фокуса (программно)
1735+
1736+ // очистка выделения (при переводе фокуса)
1737+ saveButton . addEventListener ( 'blur' , ( ) => {
1738+ saveButton . classList . remove ( 'custom-focus' ) ;
1739+ } ) ;
1740+ } , 100 ) ; // минимальная задержка
1741+ }
1742+
1743+ return ; // при "cancel" по confirm, всё остаётся как было (т.е. вообще/без удалений)
17281744 }
17291745 }
17301746
You can’t perform that action at this time.
0 commit comments