search

analogwp / analogwp-templates

Style Kits for Elementor adds a number of intuitive styling controls in the Elementor editor that allow you to apply styles globally or per page.
https://analogwp.com
27 stars 7 forks source link

Global color vanish in editor page but not in view page #424

Closed gvgvgvijayan closed 3 years ago

gvgvgvijayan commented 4 years ago

Description:

The issue is the global color applied over the elements is vanished but not removed. After a page refresh, all global variables applied back properly in CSS.

Condition:

Already global color chosen

Steps to reproduce:

  1. On "Background Color Classes" click the color control's global toggle of the "Background Color"
  2. Click the already chosen color once again and click the Update button
  3. Once the kit was saved click the global color toggle in the "Background Color"
  4. Again click the same color which already ticked, applied styles are vanished but not removed
  5. Click the update and refresh the page, all the styles remain intact

CSS comparison:

The comparison is before and after the vanishing of CSS properties which are using the Elementor global variable https://www.diffchecker.com/c0U95k6a

Dependency:

Global color AJAX / Fetch removes all global color in the editor preview iframe Issue link: https://github.com/elementor/elementor/issues/12583

Blocking:

423

https://github.com/analogwp/style-kits-pro/issues/91

gvgvgvijayan commented 3 years ago

Issue resolved verified in El 3.0 and El 3.1