Merge pull request #1035 from live-composer/development

Version 1.5.7 - Feb 26 2020

css/src/builder/index.css

@@ -3906,6 +3906,7 @@ body.page .dslca-module.dslca-origin-single[data-id="DSLC_TP_Staff_Social"] {
  body.rtl .dslca-module-edit-options-inner,
  body.rtl .dslca-modules-section-edit-options-inner {
 	overflow-x: scroll;
+	overscroll-behavior-x: none;
  }
 
  body.rtl .dslca-module-edit-option,
@@ -3933,6 +3934,7 @@ body.page .dslca-module.dslca-origin-single[data-id="DSLC_TP_Staff_Social"] {
 	.dslca-modules-section-edit-options-inner,
 	.dslca-module-edit-options-inner {
 		overflow-x: scroll;
+		overscroll-behavior-x: none;
 		padding-top: 4px;
 	}
 

ds-live-composer.php

@@ -4,7 +4,7 @@
  * Plugin URI: https://www.livecomposerplugin.com
  * Description: Page builder for WordPress with drag and drop header/footer editing.
  * Author: Live Composer Team
- * Version: 1.5.6
+ * Version: 1.5.7
  * Author URI: https://livecomposerplugin.com
  * License: GPL3
  * License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -41,7 +41,7 @@
 	 * Constants
 	 */
 
-	define( 'DS_LIVE_COMPOSER_VER', '1.5.6' );
+	define( 'DS_LIVE_COMPOSER_VER', '1.5.7' );
 
 	define( 'DS_LIVE_COMPOSER_SHORTNAME', __( 'Live Composer', 'live-composer-page-builder' ) );
 	define( 'DS_LIVE_COMPOSER_BASENAME', plugin_basename( __FILE__ ) );

js/src/client/frontend/index.js

@@ -525,9 +525,6 @@ function dslc_on_tab_add( event ) {
 }
 
 function dslc_on_tab_delete( event ) {
-
-	console.log ( 'dslc_on_tab_delete' );
-
 	var dslcTabs = jQuery(event.target).closest('.dslc-tabs');
 	var dslcTabHook = jQuery(event.target).closest('.dslc-tabs-nav-hook');
 	var dslcTabIndex = dslcTabHook.index();

js/src/editor/backend/codegeneration.js

@@ -219,6 +219,12 @@ window.dslc_generate_code = function() {
 	jQuery('#dslca-code').val(pageCodeInJson);
 
 	jQuery('#dslca-export-code').val(pageCodeInJson);
+
+	// Create a new "Code Updated" event
+	// I'm not sure if we really need to pass source code as event details.
+	// Seems like overkill.
+	const pageCodeUpdated = new CustomEvent('pageCodeUpdated', /* { detail: pageCodeInJson } */);
+	document.dispatchEvent( pageCodeUpdated );
 }
 
 

js/src/editor/backend/events.js

@@ -30,7 +30,7 @@ export const eventsInit = () =>{
 		}
 	}, false);
 
-	// Preview iframe events.
+	// Preview iframe events: click.
 	LiveComposer.Builder.PreviewAreaWindow.document.addEventListener('click', function (event) {
 		// Disable default action/event,
 		// but only if the link clicked doesn't have '.dslca-link' class.
@@ -84,4 +84,14 @@ export const eventsInit = () =>{
 		}
 
 	}, false);
+
+	// Preview iframe events: focusout.
+	LiveComposer.Builder.PreviewAreaWindow.document.addEventListener('focusout', function (event) {
+		// This event gets dispatched when the contenteditable element loses focus.
+		// Useful when you need to save data when element text edited.
+		if ( event.target.matches( '[contenteditable="true"]' ) ) {
+			const contentEditableFocusOut = new CustomEvent('contentEditableFocusOut', { detail: event.target });
+			document.dispatchEvent( contentEditableFocusOut );
+		}
+	}, false);
 }

js/src/editor/backend/module.js

@@ -432,6 +432,13 @@ const editableContentTextEvents = () => {
 	});
 }
 
+/**
+ * Hook - On contenteditable focusout.
+ */
+document.addEventListener('contentEditableFocusOut', function (customEvent) {
+	window.dslc_show_publish_button();
+});
+
 
 
 /**

js/src/editor/backend/presets.js

@@ -12,9 +12,7 @@
  * Module Presets - Update
  */
 export const updatePreset = () => {
-
 	if ( window.dslcDebug ) console.log( 'updatePreset' );
-
 	// Vars
 	var module = jQuery('.dslca-module-being-edited', LiveComposer.Builder.PreviewAreaDocument),
 	presetName = module.find('.dslca-module-option-front[data-id="css_load_preset"]').val(),

js/src/editor/backend/settings.panel.js

@@ -1977,7 +1977,6 @@ window.dslc_module_options_font = function () {
 	jQuery(document).off( 'keyup', '.dslca-module-edit-field-font' ).on( 'keyup', '.dslca-module-edit-field-font', onKeyUp );
 	// Keyup ( left arrow, right arrow, else )
 	function onKeyUp(e) {
-		console.log( "1 e.which:" ); console.log( e.which );
 		var dslcField, dslcOption, dslcVal, dslcMatchingFont = false, dslcFont;
 
 		dslcField = jQuery(this);
@@ -2029,7 +2028,6 @@ window.dslc_module_options_font = function () {
 	jQuery(document).off( 'keydown', '.dslca-module-edit-field-font' ).on( 'keydown', '.dslca-module-edit-field-font', onPushEnter );
 	// Key press ( enter = 13 and tab = 9 )
 	function onPushEnter(e) {
-		console.log( "2 e.which:" ); console.log( e.which );
 		if ( e.which == 13 || e.which == 9 ) {
 			var dslcField, dslcOption, dslcVal, dslcMatchingFont, dslcFont;
 

js/src/editor/backend/uigeneral.js

@@ -751,7 +751,6 @@ function dslc_save_page(e) {
  * If any key is pressed.
  */
 function dslc_keydown( e ) {
-	console.log( "dslc_keydown:" );
     if ( LiveComposer.Builder.UI.cmdMode ) {
 		if ( ! e.metaKey && ! e.ctrlKey ) {
 		LiveComposer.Builder.UI.cmdMode = false;

readme.txt

@@ -3,7 +3,7 @@ Contributors: LiveComposer
 Tags: page builder, landing page builder, frontend page builder, drag and drop page builder, website builder
 Requires at least: 4.7
 Tested up to: 5.3
-Stable tag: 1.5.6
+Stable tag: 1.5.7
 License: GPLv3
 
 Page builder for WordPress with drag and drop header/footer editing, responsive settings, and animations. Compatible with Gutenberg block editor.
@@ -58,14 +58,16 @@ In most of the cases, this is because the homepage is not a real WordPress page,
 * 🦊 [Check out our WooCommerce Page Builder Extension](https://livecomposerplugin.com/downloads/woocommerce-page-builder/?utm_source=wp-admin&utm_medium=changelog&utm_campaign=woo-integration)
 * 👀 [We keep updating and improving our extensions pack](https://livecomposerplugin.com/downloads/extensions/?utm_source=wp-admin&utm_medium=changelog&utm_campaign=add-ons) ACF + CPT + MegaMenu + 9 more add-ons.
 
+= 1.5.7 - Feb 26 2020 =
+* 🕷 Disable navigating back when swiping too far in the module settings (issue #1033)
+* 🕷 Editing contenteditable elements (Infobox Title, Button Title, etc.) won't cause 'Save Page' button to appear (issue #1030)
+
 = 1.5.6 - Feb 20 2020 =
 * 🕷 Fixed 'Edit Footer/Header' buttons (issue #1006)
 * 🕷 Fix broken image links in project grid/carousel (issue #1024)
 * 🕷 Limit errors reports only to JS warnings caused by the Live Composer
 * 🔄 Update NPM packages.
 
-
-
 = 1.5.5 - Jan 14 2020 =
 * 🕷 Fixed flickering sections in the header on mobile
 * 🕷 Fixed unresponsive font family selector
@@ -74,7 +76,6 @@ In most of the cases, this is because the homepage is not a real WordPress page,
 = 1.5.4 - Dec 10 2019 =
 * 🕷 Fix bugs with Tabs and Accordions editing.
 
-
 = 1.5.3 - Nov 6 2019 =
 * 🆕 New feature: Copy/Paste any module styling by pressing command key.
 * 🆕 New feature: Reset module responsive settings using "the trash" icon in the responsive settings panel.