fix: added attribute to disable active label

fix: added code to enable active label at page load
italia · Sep 14, 2023 · a145eef · a145eef
1 parent be2772c
commit a145eef
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 36 deletions.
diff --git a/src/js/plugins/input-label.js b/src/js/plugins/input-label.js
@@ -39,7 +39,10 @@ class InputLabel {
       this._labelOut()
       this._labelOver()
     }
-    this._bindEvents()
+
+    if (label && label.getAttribute('it-bs-static') === null) {
+      this._bindEvents()
+    }
   }
 
   _bindEvents() {

diff --git a/src/js/plugins/input-number.js b/src/js/plugins/input-number.js
@@ -15,8 +15,6 @@ const EVENT_CHANGE = `change${EVENT_KEY}`
 
 //const EVENT_FOCUS_DATA_API = `focus${EVENT_KEY}${DATA_API_KEY}`
 const EVENT_CLICK_DATA_API = `click${EVENT_KEY}${DATA_API_KEY}`
-const EVENT_MOUSEDOWN_DATA_API = `mousedown${EVENT_KEY}${DATA_API_KEY}`
-const EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`
 
 const CLASS_NAME_ADAPTIVE = 'input-number-adaptive'
 const CLASS_NAME_PERCENTAGE = 'input-number-percentage'
@@ -168,17 +166,14 @@ const createInput = (element) => {
   return null
 }
 
-EventHandler.on(document, EVENT_MOUSEDOWN_DATA_API, SELECTOR_INPUT + ', label', function () {
-  const target = InputLabel.getInputFromLabel(this) || this
-  createInput(target)
-})
-EventHandler.on(document, EVENT_KEYUP_DATA_API, SELECTOR_INPUT + ', label', function () {
-  const target = InputLabel.getInputFromLabel(this) || this
-  const element = createInput(target)
-  if (element && element._label) {
-    element._label._labelOut()
-  }
+document.addEventListener('DOMContentLoaded', function () {
+  var frmel = document.querySelectorAll(SELECTOR_INPUT + ', label')
+  frmel.forEach(function (item) {
+    const target = InputLabel.getInputFromLabel(item) || item
+    createInput(target)
+  })
 })
+
 EventHandler.on(document, EVENT_CLICK_DATA_API, SELECTOR_BTN, function () {
   const wrapper = this.closest(SELECTOR_WRAPPER)
   if (wrapper) {

diff --git a/src/js/plugins/input-search-autocomplete.js b/src/js/plugins/input-search-autocomplete.js
@@ -9,15 +9,12 @@ import InputLabel from './input-label'
 const NAME = 'inputsearchautocomplete'
 const DATA_KEY = 'bs.inputsearchautocomplete'
 const EVENT_KEY = `.${DATA_KEY}`
-const DATA_API_KEY = '.data-api'
 
 const Default = {
   autocomplete: [],
 }
 
 const EVENT_KEYUP = `keyup${EVENT_KEY}`
-const EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`
-const EVENT_MOUSEDOWN_DATA_API = `mousedown${EVENT_KEY}${DATA_API_KEY}`
 
 const CLASS_NAME_SHOW = 'autocomplete-list-show'
 const CLASS_NAME_AUTOCOMPLETE = 'autocomplete'
@@ -137,16 +134,12 @@ const createInput = (element) => {
   return null
 }
 
-EventHandler.on(document, EVENT_MOUSEDOWN_DATA_API, SELECTOR_SEARCH + ', label', function () {
-  const target = InputLabel.getInputFromLabel(this) || this
-  createInput(target)
-})
-EventHandler.on(document, EVENT_KEYUP_DATA_API, SELECTOR_SEARCH + ', label', function () {
-  const target = InputLabel.getInputFromLabel(this) || this
-  const element = createInput(target)
-  if (element && element._label) {
-    element._label._labelOut()
-  }
+document.addEventListener('DOMContentLoaded', function () {
+  var frmel = document.querySelectorAll(SELECTOR_SEARCH + ', label')
+  frmel.forEach(function (item) {
+    const target = InputLabel.getInputFromLabel(item) || item
+    createInput(target)
+  })
 })
 
 export default InputSearch
diff --git a/src/js/plugins/input.js b/src/js/plugins/input.js
@@ -8,10 +8,6 @@ import InputLabel from './input-label'
 const NAME = 'input'
 const DATA_KEY = 'bs.input'
 const EVENT_KEY = `.${DATA_KEY}`
-const DATA_API_KEY = '.data-api'
-
-const EVENT_MOUSEDOWN_DATA_API = `mousedown${EVENT_KEY}${DATA_API_KEY}`
-const EVENT_KEYUP_DATA_API = `keyup${EVENT_KEY}${DATA_API_KEY}`
 
 const EVENT_CHANGE = `change${EVENT_KEY}`
 
@@ -67,11 +63,13 @@ class Input extends BaseComponent {
  */
 const excludes = [
   'select',
-  //'input[data-bs-input][type="number"]',
+  'textarea',
   'input[data-bs-input][type="password"]',
   'input.input-password[data-bs-input]',
   'input[data-bs-autocomplete][type="search"]',
   'input[type="time"]',
+  'input[type="radio"]',
+  'input[type="checkbox"]',
 ]
 
 /*const inputs = SelectorEngine.find('input, textarea').filter((input) => {
@@ -96,11 +94,12 @@ const createInput = (element) => {
   return null
 }
 
-var frmel = document.querySelectorAll('input, textarea, label')
-frmel.forEach(function (item, index, arr) {
-  const target = InputLabel.getInputFromLabel(item) || item
-  createInput(target)
+document.addEventListener('DOMContentLoaded', function () {
+  var frmel = document.querySelectorAll('input, textarea, label')
+  frmel.forEach(function (item) {
+    const target = InputLabel.getInputFromLabel(item) || item
+    createInput(target)
+  })
 })
 
-
 export default Input