elementor / elementor/elementor

🐞 Bug report: Carousel shortcode does not work under spoiler (toggle or accordeon)

Open
#19,590 1 comment 0 reactions 0 assignees View on GitHub
bug component/swiper mod/b* type/templates
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

**Elementor Carousel shortcode does not work under Elementor spoiler as expected**

If you open the spoiler (toggle or accordeon) and after it switch browser to the full screen (F11), carousel would start working. So, seems like the JavaScript does not trigger the carousel code when the spoiler is clicked to get opened.

Is it possible to detect the event of status change of the Elementor Spoiler (closed->opened) by Elementor Carousel and thus fix this issue?

Thanks.

### Steps to reproduce

1 Create template for a sample Carousel.
2 Copy its shortcode.
3 Paste the shortcode into the text under spoiler.
4 Update/publish page
5 See that Carousel would not work as expected.
---
6 If you press F11 with the spoiler opened, browser would trigger JS and Carousel will start working.

### 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

[system-info-24-08-2022.txt](https://github.com/elementor/elementor/files/9415871/system-info-24-08-2022.txt)

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.