release 3.8.0

README.txt

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

package.json

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

src/js/free/input.js

@@ -345,7 +345,14 @@ EventHandler.on(window, 'shown.bs.dropdown', (e) => {
 });
 
 EventHandler.on(window, 'shown.bs.tab', (e) => {
-  const targetId = e.target.href.split('#')[1];
+  let targetId;
+
+  if (e.target.href) {
+    targetId = e.target.href.split('#')[1];
+  } else {
+    targetId = Manipulator.getDataAttribute(e.target, 'target').split('#')[1];
+  }
+
   const target = SelectorEngine.findOne(`#${targetId}`);
   SelectorEngine.find(SELECTOR_OUTLINE_INPUT, target).forEach((element) => {
     const instance = Input.getInstance(element.parentNode);

src/js/free/ripple.js

@@ -99,6 +99,9 @@ class Ripple {
         this._element = SelectorEngine.closest(event.target, selector);
       }
     });
+
+    this._element.style.minWidth = `${this._element.offsetWidth}px`;
+
     Manipulator.addClass(this._element, CLASSNAME_RIPPLE);
     this._options = this._getConfig();
     this._createRipple(event);

src/scss/free/forms/_input-group.scss

@@ -72,12 +72,16 @@
     }
   }
   .form-outline:not(:first-child),
-  .form-outline:not(:first-child) .form-notch-leading {
+  .select-wrapper:not(:first-child),
+  .form-outline:not(:first-child) .form-notch-leading,
+  .select-wrapper:not(:first-child) .form-notch-leading {
     border-top-left-radius: 0 !important;
     border-bottom-left-radius: 0 !important;
   }
   .form-outline:not(:last-child),
-  .form-outline:not(:last-child) .form-notch-trailing {
+  .select-wrapper:not(:last-child),
+  .form-outline:not(:last-child) .form-notch-trailing,
+  .select-wrapper:not(:last-child) .form-notch-trailing {
     border-top-right-radius: 0 !important;
     border-bottom-right-radius: 0 !important;
   }