elementor / elementor/elementor

🐞 Bug report: Background Overlay in Tablet view missing width selector

Open
#17,844 2 comments 0 reactions 0 assignees View on GitHub
bug mod/b*
Dominant language
PHP
Stars
7.1k
Forks
1.6k
Avg merge
1d 5h
Merged PRs (30d)
193

Description

### Prerequisites

- [X] I have searched for similar issues in both open and closed tickets and cannot find a duplicate.
- [X] The issue still exists against the latest stable version of Elementor.

### Description

The width selector that appears when you set custom width on the Background Overlays is missing in the Tablet view. Works fine in desktop and mobile views.
![desktop](https://user-images.githubusercontent.com/60091170/154025240-929a9c68-b345-4faa-829a-6e8f43ddf734.png)
![mobile](https://user-images.githubusercontent.com/60091170/154025243-e1428784-7ac5-4e2c-9e1e-2396ce0455f5.png)
![tablet](https://user-images.githubusercontent.com/60091170/154025245-fa4a408d-328f-48f0-ad73-60b45d013e28.png)

### Steps to reproduce

Insert a new (classic) section. On "Style/Background Overlay/normal" insert an image. Use "size: auto". Change to tablet view. Change to "size: custom". The "width" selector is missing. Change to mobile view. The "width" selector now appears.

### Isolating the problem

- [X] This bug happens with only Elementor plugin active (and Elementor Pro).
- [X] This bug happens with a Blank WordPress theme active ([Hello theme](https://wordpress.org/themes/hello-elementor/)).
- [X] I can reproduce this bug consistently using the steps above.

### System Info


== Server Environment ==
Operating System: Linux
Software: Apache
MySQL version: MySQL Community Server (GPL) v5.7.36
PHP Version: 7.4.25
PHP Max Input Vars: 5000
PHP Max Post Size: 64M
GD Installed: Yes
ZIP Installed: Yes
Write Permissions: All right
Elementor Library: Connected

== WordPress Environment ==
Version: 5.9
Site URL: site.es
Home URL: site.es
WP Multisite: No
Max Upload Size: 64 MB
Memory limit: -1
Permalink Structure: /%postname%/
Language: es
Timezone: Europe/Madrid
Admin Email: info@ptmk.es
Debug Mode: Inactive

== Theme ==
Name: Astra Child
Version: 3.7.7
Author: -
Child Theme: Yes
Parent Theme Name: Astra
Parent Theme Version: 3.7.7
Parent Theme Author: Brainstorm Force

== User ==
Role: administrator
WP Profile lang: es_ES
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/98.0.4758.82 Safari/537.36

== Active Plugins ==
Advanced Custom Fields PRO
Version: 5.11.4
Author: Delicious Brains

Akismet Anti-Spam
Version: 4.2.2
Author: Automattic

Elementor
Version: 3.5.5
Author: Elementor.com

Elementor Pro
Version: 3.6.2
Author: Elementor.com

FakerPress
Version: 0.5.2
Author: Gustavo Bordoni

Ivory Search
Version: 5.4.2
Author: Ivory Search

SVG Support
Version: 2.4.2
Author: Benbodhi

WP Migrate DB
Version: 2.2.2
Author: Delicious Brains

== Must-Use Plugins ==
WP Migrate DB Compatibility
Version: 1.2
Author: Delicious Brains

== Uso de los elementos ==

footer : 1
form : 1
heading : 1
html : 1
icon-list : 2
image : 6
nav-menu : 2
social-icons : 1
text-editor : 1
section : 1
form : 1
heading : 1
image : 1
wp-page : 10
button : 20
form : 1
gallery : 1
google_maps : 1
heading : 25
html : 1
image : 38
image-box : 5
posts : 1
slides : 1
text-editor : 22
single-post : 1
heading : 1
post-info : 1
post-navigation : 1
theme-post-content : 1
theme-post-featured-image : 1
search-results : 1
archive-posts : 1
theme-archive-title : 1

== Experimentos de Elementor ==
Salida del DOM optimizada: Activo por defecto
Carga de recursos mejorada: Activo por defecto
Carga de CSS mejorada: Activo por defecto
Fuentes de iconos integradas: Inactivo por defecto
Mejoras de accesibilidad: Activo por defecto
Importar o exportar un kit de plantillas: Activo por defecto
Puntos de ruptura personalizados adicionales: Activo por defecto
Ocultar los widgets nativos de WordPress de los resultados de búsqueda: Activo por defecto
Por defecto, el nuevo constructor de temas: Inactivo
Páginas de destino: Activo por defecto
Muestrario de colores: Activo por defecto
Widgets favoritos: Activo por defecto
Barra superior de administración: Activo por defecto
Page Transitions: Activo por defecto
Envíos de formulario: Activo por defecto
Ajuste de scroll: Activo por defecto

== Registro ==

Log: showing 20 of 342022-02-10 07:41:04 [info] Elementor Pro/Upgrades - _on_each_version Finished
2022-02-10 07:41:04 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.6.0',
'to' => '3.6.1',
)]
2022-02-10 07:41:04 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.6.0',
'to' => '3.6.1',
)]
2022-02-15 08:24:37 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.6.1',
'to' => '3.6.2',
)]
2022-02-15 08:24:50 [info] elementor-pro::elementor_pro_updater Started
2022-02-15 08:24:50 [info] Elementor Pro/Upgrades - _on_each_version Start
2022-02-15 08:24:50 [info] Elementor Pro/Upgrades - _on_each_version Finished
2022-02-15 08:24:50 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.6.1',
'to' => '3.6.2',
)]
2022-02-15 08:24:50 [info] Elementor data updater process has been queued. [array (
'plugin' => 'Elementor Pro',
'from' => '3.6.1',
'to' => '3.6.2',
)]
2022-02-15 08:25:57 [info] elementor-pro::elementor_pro_updater Started
2022-02-15 08:25:57 [info] Elementor Pro/Upgrades - _on_each_version Start
2022-02-15 08:25:57 [info] Elementor Pro/Upgrades - _on_each_version Finished
2022-02-15 08:25:57 [info] Elementor data updater process has been completed. [array (
'plugin' => 'Elementor Pro',
'from' => '3.6.1',
'to' => '3.6.2',
)]
2022-02-15 09:15:48 [info] Elementor custom task(s) process has been queued. [array (
0 =>
array (
0 =>
array (
0 => 'Elementor\Core\Upgrade\Custom_Tasks',
1 => 'opt_in_recalculate_usage',
),
1 =>
array (
0 => 'Elementor\Core\Upgrade\Custom_Tasks',
1 => 'opt_in_send_tracking_data',
),
),
)]
2022-02-15 09:15:49 [info] elementor::custom_task_manger Started
2022-02-15 09:15:49 [info] Elementor/Tasks - opt_in_recalculate_usage Start
2022-02-15 09:15:49 [info] Elementor/Tasks - opt_in_recalculate_usage Finished
2022-02-15 09:15:49 [info] Elementor/Tasks - opt_in_send_tracking_data Start
2022-02-15 09:15:49 [info] Elementor/Tasks - opt_in_send_tracking_data Finished
2022-02-15 09:15:49 [info] elementor::custom_task_manger Completed

PHP: showing 2 of 2PHP: 2022-02-07 13:05:32 [notice X 6][/homepages/28/d676696534/htdocs/site/wp-content/plugins/elementor/core/common/modules/ajax/module.php::171] Undefined index: data [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]
PHP: 2022-02-14 13:48:29 [notice X 3][/homepages/28/d676696534/htdocs/site/wp-content/plugins/elementor/core/app/modules/import-export/module.php::91] Trying to get property 'label' of non-object [array (
'trace' => '
#0: Elementor\Core\Logger\Manager -> shutdown()
',
)]

JS: showing 4 of 4JS: 2022-02-08 08:21:32 [error X 3][https://site.es/vibs/wp-content/plugins/elementor/assets/js/editor.min.js?ver=3.5.5:2:453832] Cannot read properties of null (reading \'getBoundingClientRect\')
JS: 2022-02-14 11:08:25 [error X 30][https://site.es/vibs/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.5.5:2:145590] Cannot read properties of undefined (reading \'toLowerCase\')
JS: 2022-02-15 07:54:18 [error X 1][https://site.es/vibs/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.5.5:2:140375] Cannot read properties of undefined (reading \'$activeItem\')
JS: 2022-02-15 07:54:21 [error X 2][https://site.es/vibs/wp-content/plugins/elementor/assets/js/common.min.js?ver=3.5.5:2:147485] Cannot read properties of undefined (reading \'$el\')

== Elementor - Compatibility Tag ==

Elementor Pro: Compatible

== Elementor Pro - Compatibility Tag ==

(Some private info hidden from this list related to site url)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.