fix(setting): apply id only if it does not exist

Author: feildmaster

src/utils/settings/index.js

@@ -105,9 +105,11 @@ function createSetting(setting = defaultSetting) {
       removeSetting(setting, el);
     },
   }));
-  el.attr({
-    id: key,
-  });
+  if (!el.find(`#${key.replaceAll('.', '\\.')}`).length) {
+    el.attr({
+      id: key,
+    });
+  }
 
   const label = $(`<label for="${key}">`).html(setting.name);
   const labelPlacement = type.labelFirst();

src/utils/settings/types/keybind.js

@@ -12,6 +12,7 @@ export default class extends Text {
 
   element(value, update, {
     data = {},
+    key: id,
   }) {
     const labels = {
       ...baseLabels,
@@ -23,7 +24,7 @@ export default class extends Text {
     let val = value !== 'Escape' ? value : '';
     let temp = getLabel(val);
     const ret = $('<div class="keybind-wrapper">');
-    const input = $('<input type="text">')
+    const input = $(`<input type="text" id="${id}">`)
       .val(temp)
       .on('focus', () => {
         input.val('').prop('placeholder', 'Press Any Key...');