🔃 [Magento Community Engineering] Community Contributions - 2.3-develop daily delivery

Accepted Community Pull Requests:
 - #25552: Fix escape less calc (by @jasperzeinstra)
 - #25515: M2C-22619 Fix Tabs widget with Accordion (by @ptylek)
 - #25559: Changing confirm password field class (by @rafaelstz)
 - #25530: #25529: Fixed the wrong condition to output "Shipping Method Title" (by @andrewbess)


Fixed GitHub Issues:
 - #22819: Magento widgets bug Tabs with Accordion (reported by @Naberdz) has been fixed in #25515 by @ptylek in 2.3-develop branch
   Related commits:
     1. 8132944
     2. 322709d
     3. d13cd15
     4. b4ec728
     5. 1943278

 - #25529: Wrong program code in "Magento/Checkout/view/frontend/web/js/view/summary/shipping.js" (reported by @andrewbess) has been fixed in #25530 by @andrewbess in 2.3-develop branch
   Related commits:
     1. 0ffbe25
     2. d6c184d

Author: magento-engcom-team

app/code/Magento/Checkout/view/frontend/web/js/view/summary/shipping.js

@@ -5,10 +5,11 @@
 
 define([
     'jquery',
+    'underscore',
     'Magento_Checkout/js/view/summary/abstract-total',
     'Magento_Checkout/js/model/quote',
     'Magento_SalesRule/js/view/summary/discount'
-], function ($, Component, quote, discountView) {
+], function ($, _, Component, quote, discountView) {
     'use strict';
 
     return Component.extend({
@@ -22,19 +23,23 @@ define([
          * @return {*}
          */
         getShippingMethodTitle: function () {
-            var shippingMethod = '',
+            var shippingMethod,
                 shippingMethodTitle = '';
 
             if (!this.isCalculated()) {
                 return '';
             }
             shippingMethod = quote.shippingMethod();
 
+            if (!_.isArray(shippingMethod) && !_.isObject(shippingMethod)) {
+                return '';
+            }
+
             if (typeof shippingMethod['method_title'] !== 'undefined') {
                 shippingMethodTitle = ' - ' + shippingMethod['method_title'];
             }
 
-            return shippingMethod ?
+            return shippingMethodTitle ?
                 shippingMethod['carrier_title'] + shippingMethodTitle :
                 shippingMethod['carrier_title'];
         },

app/code/Magento/Customer/view/frontend/templates/form/edit.phtml

@@ -67,7 +67,7 @@
                 </div>
             </div>
         </div>
-        <div class="field confirm password required" data-container="confirm-password">
+        <div class="field confirmation password required" data-container="confirm-password">
             <label class="label" for="password-confirmation"><span><?= $block->escapeHtml(__('Confirm New Password')) ?></span></label>
             <div class="control">
                 <input type="password" class="input-text" name="password_confirmation" id="password-confirmation"
@@ -93,7 +93,7 @@
     ], function($){
         var dataForm = $('#form-validate');
         var ignore = <?= /* @noEscape */ $_dob->isEnabled() ? '\'input[id$="full"]\'' : 'null' ?>;
-        
+
         dataForm.mage('validation', {
         <?php if ($_dob->isEnabled()) : ?>
             errorPlacement: function(error, element) {

lib/web/css/source/lib/_navigation.less

@@ -338,7 +338,7 @@
                     top: 0;
                     left: 100%;
                     width: 10px;
-                    height: calc(100% + 3px);
+                    height: calc(~'100% + 3px');
                     z-index: 1;
                 }
             }

lib/web/mage/tabs.js

@@ -102,28 +102,51 @@ define([
          * @private
          */
         _processPanels: function () {
-            this.contents = this.element.find(this.options.content);
+            var isNotNested = this._isNotNested.bind(this);
 
-            this.collapsibles = this.element.find(this.options.collapsibleElement);
+            this.contents = this.element
+                .find(this.options.content)
+                .filter(isNotNested);
+
+            this.collapsibles =  this.element
+                .find(this.options.collapsibleElement)
+                .filter(isNotNested);
 
             this.collapsibles
                 .attr('role', 'presentation')
                 .parent()
                 .attr('role', 'tablist');
 
-            this.headers = this.element.find(this.options.header);
+            this.headers = this.element
+                .find(this.options.header)
+                .filter(isNotNested);
 
             if (this.headers.length === 0) {
                 this.headers = this.collapsibles;
             }
-            this.triggers = this.element.find(this.options.trigger);
+            this.triggers = this.element
+                .find(this.options.trigger)
+                .filter(isNotNested);
 
             if (this.triggers.length === 0) {
                 this.triggers = this.headers;
             }
             this._callCollapsible();
         },
 
+        /**
+         * Checks if element is not in nested container to keep the correct scope of collapsible
+         * @param {Number} index
+         * @param {HTMLElement} element
+         * @private
+         * @return {Boolean}
+         */
+        _isNotNested: function (index, element) {
+            var parentContent = $(element).parents(this.options.content);
+
+            return !parentContent.length || !this.element.find(parentContent).length;
+        },
+
         /**
          * Setting the disabled and active tabs and calling instantiation of collapsible
          * @private