5.4.2 release

Author: nolimits4web

CHANGELOG.md

@@ -2,6 +2,15 @@
 
 # Change Log
 
+# [v5.4.2](https://github.com/framework7io/framework7/compare/v5.4.1...v5.4.2) - February 16, 2020
+  * Core
+    * Card
+      * Fixed issue with expandable card overflow on iOS devices
+      * Fixed expandable card transition in RTL
+    * Text Editor
+      * Fixed issue when keyboard toolbar stays opened on navigating to another page
+  * Minor fixes
+
 # [v5.4.1](https://github.com/framework7io/framework7/compare/v5.4.0...v5.4.1) - February 8, 2020
   * Core
     * Touch

packages/core/components/card.css

@@ -179,7 +179,7 @@ const CardExpandable = {
       .transform(`translate3d(${app.rtl ? (cardLeftOffset + translateX) : (-cardLeftOffset - translateX)}px, 0px, 0) scale(${1 / scaleX}, ${1 / scaleY})`);
 
     $cardEl
-      .transform(`translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
+      .transform(`translate3d(${app.rtl ? -translateX : translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
     if (cardParams.animate) {
       $cardEl.transitionEnd(() => {
         transitionEnd();
@@ -231,7 +231,7 @@ const CardExpandable = {
       translateX = (cardRightOffset - cardLeftOffset) / 2;
       translateY = (cardBottomOffset - cardTopOffset) / 2;
 
-      $cardEl.transform(`translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
+      $cardEl.transform(`translate3d(${app.rtl ? -translateX : translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
       $cardContentEl
         .css({
           width: `${maxWidth}px`,
@@ -312,7 +312,7 @@ const CardExpandable = {
         isMoved = false;
         app.card.close($cardEl);
       } else {
-        $cardEl.transform(`translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleX * (1 - progress * 0.2)}, ${scaleY * (1 - progress * 0.2)})`);
+        $cardEl.transform(`translate3d(${app.rtl ? -translateX : translateX}px, ${translateY}px, 0) scale(${scaleX * (1 - progress * 0.2)}, ${scaleY * (1 - progress * 0.2)})`);
       }
     }
     function onTouchEnd() {
@@ -327,7 +327,7 @@ const CardExpandable = {
       } else {
         $cardEl
           .addClass('card-transitioning')
-          .transform(`translate3d(${translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
+          .transform(`translate3d(${app.rtl ? -translateX : translateX}px, ${translateY}px, 0) scale(${scaleX}, ${scaleY})`);
       }
     }
 

packages/core/components/card.js

@@ -138,7 +138,7 @@
     }
   }
   &.active-state {
-    transform: scale(0.97);
+    transform: scale(0.97) translate3d(0,0,0);
   }
   .card-opened-fade-in,
   .card-opened-fade-out {

packages/core/components/card.rtl.css

@@ -87,6 +87,7 @@ class TextEditor extends Framework7Class {
     self.onInput = self.onInput.bind(self);
     self.onPaste = self.onPaste.bind(self);
     self.onSelectionChange = self.onSelectionChange.bind(self);
+    self.closeKeyboardToolbar = self.closeKeyboardToolbar.bind(self);
 
     // Handle Events
     self.attachEvents = function attachEvents() {
@@ -95,6 +96,7 @@ class TextEditor extends Framework7Class {
       }
       if (self.params.mode === 'keyboard-toolbar') {
         self.$keyboardToolbarEl.on('click', 'button', self.onButtonClick);
+        self.$el.parents('.page').on('page:beforeout', self.closeKeyboardToolbar);
       }
       if (self.params.mode === 'popover' && self.popover) {
         self.popover.$el.on('click', 'button', self.onButtonClick);
@@ -111,6 +113,7 @@ class TextEditor extends Framework7Class {
       }
       if (self.params.mode === 'keyboard-toolbar') {
         self.$keyboardToolbarEl.off('click', 'button', self.onButtonClick);
+        self.$el.parents('.page').off('page:beforeout', self.closeKeyboardToolbar);
       }
       if (self.params.mode === 'popover' && self.popover) {
         self.popover.$el.off('click', 'button', self.onButtonClick);
@@ -491,6 +494,9 @@ class TextEditor extends Framework7Class {
     self.$el.trigger('texteditor:beforedestroy');
     self.emit('local::beforeDestroy textEditorBeforeDestroy', self);
     self.detachEvents();
+    if (self.params.mode === 'keyboard-toolbar' && self.$keyboardToolbarEl) {
+      self.$keyboardToolbarEl.remove();
+    }
     if (self.popover) {
       self.popover.close(false);
       self.popover.destroy();

packages/core/components/card/card.js

@@ -1,13 +1,13 @@
 /**
- * Framework7 5.4.1
+ * Framework7 5.4.2
  * Full featured mobile HTML framework for building iOS & Android apps
  * https://framework7.io/
  *
  * Copyright 2014-2020 Vladimir Kharlampidi
  *
  * Released under the MIT License
  *
- * Released on: February 8, 2020
+ * Released on: February 16, 2020
  */
 
 /*====================
@@ -10358,7 +10358,7 @@ html.with-panel-right-reveal .panel-right.panel-in-collapsed ~ .view {
   width: 100%;
 }
 .card-expandable.active-state {
-  transform: scale(0.97);
+  transform: scale(0.97) translate3d(0, 0, 0);
 }
 .card-expandable .card-opened-fade-in,
 .card-expandable .card-opened-fade-out {