Mirror/betaflight-configurator
1
0
Fork 0
mirror of https://github.com/betaflight/betaflight-configurator.git synced 2025-07-25 09:15:49 +03:00
Code Issues Wiki Activity

Added autofocus on Select2 elements with a textbox (#3299)

Browse source 
* Added autofocus on Select2 elements with a textbox

* Apply suggestions from code review

Co-authored-by: Mark Haslinghuis <mark@numloq.nl>

---------

Co-authored-by: Mark Haslinghuis <mark@numloq.nl>
This commit is contained in:
Vít Semrád 2023-02-01 17:58:05 +01:00 • committed by GitHub
parent b4d1375aa0
commit fc6bcc2bf9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 35 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/js/tabs/firmware_flasher.js
View file

@ -443,6 +443,23 @@ firmware_flasher.initialize = function (callback) {
}
}
});
// when any of the select2 elements is opened, force a focus on that element's search box
const select2Elements = [
'select[name="board"]',
'select[name="radioProtocols"]',
'select[name="telemetryProtocols"]',
'select[name="motorProtocols"]',
'select[name="options"]',
'select[name="commits"]',
];
$(document).on('select2:open', select2Elements.join(','), () => {
const allFound = document.querySelectorAll('.select2-container--open .select2-search__field');
$(this).one('mouseup keyup', () => {
setTimeout(() => {
allFound[allFound.length - 1].focus();
}, 0);
});
});
function cleanUnifiedConfigFile(input) {
let output = [];

18
src/js/tabs/receiver.js
View file

@ -277,6 +277,15 @@ receiver.initialize = function (callback) {
// Convert to select2 and order alphabetic
if (!GUI.isCordova()) {
serialRxSelectElement.sortSelect().select2();
$(document).on('select2:open', 'select.serialRX', () => {
const allFound = document.querySelectorAll('.select2-container--open .select2-search__field');
$(this).one('mouseup keyup',()=>{
setTimeout(()=>{
allFound[allFound.length - 1].focus();
},0);
});
});
}
const spiRxTypes = [
@ -336,6 +345,15 @@ receiver.initialize = function (callback) {
if (!GUI.isCordova()) {
// Convert to select2 and order alphabetic
spiRxElement.sortSelect().select2();
$(document).on('select2:open', 'select.spiRx', () => {
const allFound = document.querySelectorAll('.select2-container--open .select2-search__field');
$(this).one('mouseup keyup',()=>{
setTimeout(()=>{
allFound[allFound.length - 1].focus();
},0);
});
});
}
if (FC.FEATURE_CONFIG.features.isEnabled('RX_SPI') && FC.RX_CONFIG.rxSpiProtocol == 19 && semver.gte(FC.CONFIG.apiVersion, API_VERSION_1_45)) {