diff --git a/.gitignore b/.gitignore index 7c1d8e617..cd5d30f90 100644 --- a/.gitignore +++ b/.gitignore @@ -53,4 +53,4 @@ tests/chrome_recordings *.min.js.* *.min.css.* tests/e2e/plugins-page-wpuf-lite-check.png -tests/e2e/screenshots \ No newline at end of file +tests/e2e/screenshots diff --git a/assets/css/admin/form-builder.css b/assets/css/admin/form-builder.css index e8ce52e1f..1ccd6987b 100644 --- a/assets/css/admin/form-builder.css +++ b/assets/css/admin/form-builder.css @@ -925,9 +925,7 @@ html { display: inline-flex; align-items: center; justify-content: center; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 200ms; @@ -1096,9 +1094,7 @@ html { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 200ms; @@ -1885,9 +1881,7 @@ html { --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); padding: 1.5rem; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 200ms; @@ -2576,9 +2570,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: start; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 200ms; @@ -3030,8 +3022,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, .wpuf-glass, .wpuf-glass.wpuf-btn-active { border: none; - -webkit-backdrop-filter: blur(var(--glass-blur, 40px)); - backdrop-filter: blur(var(--glass-blur, 40px)); + backdrop-filter: blur(var(--glass-blur, 40px)); background-color: transparent; background-image: linear-gradient( 135deg, @@ -3051,8 +3042,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, @media (hover: hover) { .wpuf-glass.wpuf-btn-active { border: none; - -webkit-backdrop-filter: blur(var(--glass-blur, 40px)); - backdrop-filter: blur(var(--glass-blur, 40px)); + backdrop-filter: blur(var(--glass-blur, 40px)); background-color: transparent; background-image: linear-gradient( 135deg, @@ -3457,9 +3447,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, .wpuf-tooltip:before, .wpuf-tooltip:after { opacity: 0; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-delay: 100ms; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); @@ -6604,9 +6592,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, } .wpuf-transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } diff --git a/assets/css/ai-form-builder.css b/assets/css/ai-form-builder.css index f7af8b688..d02a75a38 100644 --- a/assets/css/ai-form-builder.css +++ b/assets/css/ai-form-builder.css @@ -925,9 +925,7 @@ html { display: inline-flex; align-items: center; justify-content: center; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 200ms; @@ -1096,9 +1094,7 @@ html { --tw-scale-x: .95; --tw-scale-y: .95; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 200ms; @@ -1885,9 +1881,7 @@ html { --tw-bg-opacity: 1; background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity))); padding: 1.5rem; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 200ms; @@ -2576,9 +2570,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, padding-top: 0.5rem; padding-bottom: 0.5rem; text-align: start; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-timing-function: cubic-bezier(0, 0, 0.2, 1); transition-duration: 200ms; @@ -3030,8 +3022,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, .wpuf-glass, .wpuf-glass.wpuf-btn-active { border: none; - -webkit-backdrop-filter: blur(var(--glass-blur, 40px)); - backdrop-filter: blur(var(--glass-blur, 40px)); + backdrop-filter: blur(var(--glass-blur, 40px)); background-color: transparent; background-image: linear-gradient( 135deg, @@ -3051,8 +3042,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, @media (hover: hover) { .wpuf-glass.wpuf-btn-active { border: none; - -webkit-backdrop-filter: blur(var(--glass-blur, 40px)); - backdrop-filter: blur(var(--glass-blur, 40px)); + backdrop-filter: blur(var(--glass-blur, 40px)); background-color: transparent; background-image: linear-gradient( 135deg, @@ -3457,9 +3447,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, .wpuf-tooltip:before, .wpuf-tooltip:after { opacity: 0; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-delay: 100ms; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); @@ -6471,9 +6459,7 @@ input.wpuf-tab:checked + .wpuf-tab-content, } .wpuf-transition { - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; - transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } diff --git a/includes/Fields/Form_Field_MultiDropdown.php b/includes/Fields/Form_Field_MultiDropdown.php index bf7539139..dcb78e202 100755 --- a/includes/Fields/Form_Field_MultiDropdown.php +++ b/includes/Fields/Form_Field_MultiDropdown.php @@ -24,6 +24,9 @@ public function __construct() { * @return void */ public function render( $field_settings, $form_id, $type = 'post', $post_id = null ) { + // Enqueue custom multi-select assets + $this->enqueue_multiselect_assets(); + if ( isset( $post_id ) && $post_id != '0' ) { $selected = $this->get_meta( $post_id, $field_settings['name'], $type ); @@ -47,7 +50,7 @@ public function render( $field_settings, $form_id, $type = 'post', $post_id = nu