release 6.3.0

README.txt

@@ -1,5 +1,5 @@
 MDB5
-Version: FREE 6.2.0
+Version: FREE 6.3.0
 
 Documentation:
 https://mdbootstrap.com/docs/standard/

package.json

@@ -1,6 +1,6 @@
 {
   "name": "mdb-ui-kit",
-  "version": "6.2.0",
+  "version": "6.3.0",
   "main": "js/mdb.min.js",
   "homepage": "https://mdbootstrap.com/docs/standard/",
   "repository": "https://github.com/mdbootstrap/mdb-ui-kit.git",

src/js/free/collapse.js

@@ -1,4 +1,4 @@
-import { getjQuery, onDOMContentLoaded } from '../mdb/util/index';
+import { getjQuery, onDOMContentLoaded, getSelectorFromElement } from '../mdb/util/index';
 import EventHandler from '../mdb/dom/event-handler';
 import SelectorEngine from '../mdb/dom/selector-engine';
 import BSCollapse from '../bootstrap/mdb-prefix/collapse';
@@ -86,10 +86,12 @@ class Collapse extends BSCollapse {
  */
 
 SelectorEngine.find(SELECTOR_DATA_TOGGLE).forEach((el) => {
-  let instance = Collapse.getInstance(el);
-  if (!instance) {
-    instance = new Collapse(el, { toggle: false });
-  }
+  const selector = getSelectorFromElement(el);
+  const selectorElements = SelectorEngine.find(selector);
+
+  selectorElements.forEach((element) => {
+    Collapse.getOrCreateInstance(element, { toggle: false });
+  });
 });
 
 /**

src/js/free/dropdown.js

@@ -133,6 +133,7 @@ class Dropdown extends BSDropdown {
 
     // Disable Popper if we have a static display
     if (this._config.display === 'static') {
+      Manipulator.setDataAttribute(this._menu, 'popper', 'static');
       popperConfig.modifiers = [
         {
           name: 'applyStyles',

src/js/mdb/util/focusTrap.js

@@ -73,7 +73,19 @@ class FocusTrap {
   }
 
   _setElements() {
-    this._focusableElements = SelectorEngine.find(this._selector, this._element);
+    const allElements = SelectorEngine.find(this._selector, this._element);
+
+    // filter out elements that are not focusable
+    this._focusableElements = allElements.filter((el) => {
+      const hasDisabledAttribute =
+        el.getAttribute('data-mdb-disabled') === 'true' || el.hasAttribute('disabled');
+      const isDisabled = el.disabled || hasDisabledAttribute;
+
+      if (!isDisabled) {
+        return el;
+      }
+      return null;
+    });
 
     if (this._onlyVisible) {
       this._focusableElements = this._filterVisible(this._focusableElements);