4.1.1 release

framework7io · Mar 14, 2019 · 268e6c6 · 268e6c6
1 parent b27ecb3
commit 268e6c6
Show file tree

Hide file tree

Showing 46 changed files with 185 additions and 105 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,20 @@
 
 # Change Log
 
+# [v4.1.1](https://github.com/framework7io/framework7/compare/v4.1.0...v4.1.1) - March 14, 2019
+  * Core
+    * Form
+      * Fix form ajax event arguments (`xhr` and `data`) to be in `e.detail`
+    * Panel
+      * Unset breakpoint layout on panel destroy
+    * Autocomplete
+      * Fixed issue with autcomplete dropdown click on iOS devices
+    * Router
+      * Fixed wrong behavior of navbar back link with swipe back in `ios` theme
+    * Cards
+      * Fixed issue when opened expanadble cards wasn't positioned correctly in some layouts
+  * Minor fixes
+
 # [v4.1.0](https://github.com/framework7io/framework7/compare/v4.0.6...v4.1.0) - March 4, 2019
   * Core
     * Input

diff --git a/packages/core/components/autocomplete.js b/packages/core/components/autocomplete.js
diff --git a/packages/core/components/autocomplete/autocomplete-class.js b/packages/core/components/autocomplete/autocomplete-class.js
@@ -194,7 +194,9 @@ class Autocomplete extends Framework7Class {
     }
     function onInputBlur() {
       if (ac.$dropdownEl.find('label.active-state').length > 0) return;
-      ac.close();
+      setTimeout(() => {
+        ac.close();
+      }, 0);
     }
     function onResize() {
       ac.positionDropdown();
@@ -206,7 +208,7 @@ class Autocomplete extends Framework7Class {
         ac.$inputEl.blur();
       }
     }
-    function onDropdownclick() {
+    function onDropdownClick() {
       const $clickedEl = $(this);
       let clickedItem;
       for (let i = 0; i < ac.items.length; i += 1) {
@@ -222,7 +224,6 @@ class Autocomplete extends Framework7Class {
       }
       ac.value = [clickedItem];
       ac.emit('local::change autocompleteChange', [clickedItem]);
-
       ac.close();
     }
 
@@ -261,11 +262,11 @@ class Autocomplete extends Framework7Class {
       }
     };
     ac.attachDropdownEvents = function attachDropdownEvents() {
-      ac.$dropdownEl.on('click', 'label', onDropdownclick);
+      ac.$dropdownEl.on('click', 'label', onDropdownClick);
       app.on('resize', onResize);
     };
     ac.detachDropdownEvents = function detachDropdownEvents() {
-      ac.$dropdownEl.off('click', 'label', onDropdownclick);
+      ac.$dropdownEl.off('click', 'label', onDropdownClick);
       app.off('resize', onResize);
     };
 

diff --git a/packages/core/components/card.js b/packages/core/components/card.js
diff --git a/packages/core/components/card/card.js b/packages/core/components/card/card.js
@@ -26,7 +26,10 @@ const CardExpandable = {
     if (prevented) return;
 
     let $backropEl;
-    if (app.params.card.backrop) {
+    if ($cardEl.attr('data-backdrop-el')) {
+      $backropEl = $($cardEl.attr('data-backdrop-el'));
+    }
+    if (!$backropEl && app.params.card.backrop) {
       $backropEl = $cardEl.parents('.page-content').find('.card-backdrop');
       if (!$backropEl.length) {
         $backropEl = $('<div class="card-backdrop"></div>');
@@ -82,8 +85,19 @@ const CardExpandable = {
     let cardTopOffset;
 
     if (hasTransform) {
-      cardLeftOffset = $cardEl[0].offsetLeft;
-      cardTopOffset = $cardEl[0].offsetTop - $cardEl.parents('.page-content')[0].scrollTop;
+      const transformValues = currTransform
+        .replace(/matrix\(|\)/g, '')
+        .split(',')
+        .map(el => el.trim());
+      if (transformValues && transformValues.length > 1) {
+        const scale = parseFloat(transformValues[0]);
+        cardLeftOffset = offset.left - cardWidth * (1 - scale) / 2;
+        cardTopOffset = offset.top - $pageEl.offset().top - cardHeight * (1 - scale) / 2;
+        if (app.rtl) cardLeftOffset -= $cardEl[0].scrollLeft;
+      } else {
+        cardLeftOffset = $cardEl[0].offsetLeft;
+        cardTopOffset = $cardEl[0].offsetTop - $cardEl.parents('.page-content')[0].scrollTop;
+      }
     } else {
       cardLeftOffset = offset.left;
       cardTopOffset = offset.top - $pageEl.offset().top;
@@ -290,6 +304,9 @@ const CardExpandable = {
     let $toolbarEl;
 
     let $backropEl;
+    if ($cardEl.attr('data-backdrop-el')) {
+      $backropEl = $($cardEl.attr('data-backdrop-el'));
+    }
     if (app.params.card.backrop) {
       $backropEl = $cardEl.parents('.page-content').find('.card-backdrop');
     }
@@ -317,7 +334,6 @@ const CardExpandable = {
     }
     $pageEl.removeClass('page-with-card-opened');
 
-
     if ($backropEl && $backropEl.length) {
       $backropEl.removeClass('card-backdrop-in').addClass('card-backdrop-out');
     }