mr-sparks
commented
4 years ago This goes down to an iOS/Webkit Bug and seems to be not solveable right now. No Elementor Problem directly.
Closed mr-sparks closed 4 years ago
mr-sparks
commented
4 years ago This goes down to an iOS/Webkit Bug and seems to be not solveable right now. No Elementor Problem directly.
Description
Im using an image carousel widget with a lightbox link to each picture. Everything works great so far - the only problem is on mobile devices: When i click on an image in the carousel it opens in the lightbox as it should. The problem is that you can scroll the "page behind" while the lightbox is open. This leads to the navigation arrows to show double. One pair of arrows from the lightbox that opened and you too see the arrows from the image carousel in the back.
I banged my head on the table trying to fix that but i found no way of doing this. Does anybody else has that problem?
I uploaded a video on my mobile showing the bug: http://22server.net/labs/imagecarousel.mp4
Steps to reproduce
Add an image carousel. Add the lightbox function to the images in the carousel. Watch on mobile device (iPhone / iPad). It works fine on the desktop-version.
Isolating the problem
Environment
System Info
``` == Server Environment == Operating System: Linux Software: Apache MySQL version: Percona Server (GPL), Release 87.0, Revision 9ad342b v5.6.47-87.0 PHP Version: 7.2.29-he.0 PHP Max Input Vars: 1000 PHP Max Post Size: 32M GD Installed: Yes ZIP Installed: Yes Write Permissions: All right Elementor Library: Connected == WordPress Environment == Version: 5.4 Site URL: http://xx Home URL: http://xx WP Multisite: No Max Upload Size: 32 MB Memory limit: 256M Permalink Structure: /%category%/%postname%/ Language: de-DE Timezone: Europe/Berlin Debug Mode: Inactive == Theme == Name: xx Version: 1.0.0 Author: xx Child Theme: Yes Parent Theme Name: Page Builder Framework Parent Theme Version: 2.3.1 Parent Theme Author: David Vongries == User == Role: administrator WP Profile lang: de_DE User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/81.0.4044.113 Safari/537.36 == Active Plugins == Advanced Custom Fields PRO Version: 5.8.9 Author: Elliot Condon Elementor Version: 2.9.7 Author: Elementor.com Elementor Extras Version: 2.2.26 Author: Namogo Elementor Pro Version: 2.9.2 Author: Elementor.com Page Builder Framework Premium Addon Version: 2.3.1 Author: David Vongries == Elements Usage == footer : 1 text-editor : 2 header : 1 image : 2 page : 10 button : 17 gallery-extra : 1 heading : 72 icon : 6 icon-list : 26 image : 43 image-carousel : 5 shortcode : 1 text-editor : 47 popup : 12 button : 11 heading : 28 image : 2 image-carousel : 11 nav-menu : 1 social-icons : 1 text-editor : 38 single : 1 theme-post-content : 1 wp-post : 17 button : 53 ee-google-map : 1 form : 1 heading : 278 html : 3 icon : 54 icon-list : 123 image : 60 image-carousel : 30 shortcode : 4 slides : 3 spacer : 1 text-editor : 99 wp-page : 14 button : 3 heading : 9 icon : 12 image : 5 image-carousel : 1 spacer : 2 text-editor : 20 == Log ==> ```