Skip to content

Commit 74d632c

Browse files
committed
[PRAC/cont] Add "focus" to "Save" modal-btn
Organiz/transfer "focus" to "Save" btn (when data/with "cncl" in conf). Worth noting: - thus, a "slight" improvement in UX. core: B-3 / JS-BL
1 parent 0df4858 commit 74d632c

File tree

2 files changed

+21
-1
lines changed

2 files changed

+21
-1
lines changed

core-courses/3-js-basic-level/practicum-js-basic-level/sb-crm-client/css/modal-type.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -403,6 +403,10 @@
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;

core-courses/3-js-basic-level/practicum-js-basic-level/sb-crm-client/js/index.js

Lines changed: 17 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1724,7 +1724,23 @@
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

0 commit comments

Comments
 (0)