nested su_spoiler

  • Resolved Alain Aubry

    (@caban13)


    6 years, 5 months ago

    Hi Vladimir

    This is to report an interesting situation, it can be considered a problem, but I can live as it is.

    When you have an ‘su_vimeo’ inside an ‘su_spoiler’ and the spoiler is closed when you click in the area occupied (but not visible) by the video, the video catches the mouse click.

    This happens the same with ‘su_youtube’ and the ‘su_spoiler’ can be inside or not an ‘su_accordion’. I experimented with several themes.

    Thanks

    Alain

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Vova

    (@gn_themes)

    6 years, 5 months ago

    Hi Alain,

    I suppose there’s something wrong on your test page. I just tried spoiler+youtube combo and wasn’t able to reproduce the bug.

    This is my shortcode:

    [su_spoiler]
[su_youtube url="https://www.youtube.com/watch?v=L_UPHsGR6fM"]
[/su_spoiler]

    And this is how it works:

    View post on imgur.com

    Plugin Author Vova

    (@gn_themes)

    6 years, 5 months ago

    Please try the steps below:

    Step 1

    Switch to a default WordPress theme (Twenty Sixteen/Seventeen) and test again.

    Step 2

    Disable all other plugins except for Shortcodes Ultimate itself, retest, and re-activate plugins until the issue occurs. This will help you find the culprit.

    Additionally, make sure you have the closing [/su_spoiler] tag. Also, post a link to your site.

    Thread Starter Alain Aubry

    (@caban13)

    6 years, 5 months ago

    Hi Vladimir

    I followed everything, I did not found any incompatibility, the issue was sorted by adding a CSS rule:

    .su-spoiler-closed .su-vimeo {
    display: none;
}

    This was provided by Tom Usborne of GeneratePress (my current theme).
    I comment it here, so it can help somebody else.

    Thank you so much!

    • This reply was modified 6 years, 5 months ago by Alain Aubry.
    Plugin Author Vova

    (@gn_themes)

    6 years, 5 months ago

    Hi Alain,

    thanks for posting the solution.

    Thread Starter Alain Aubry

    (@caban13)

    6 years, 5 months ago

    You are most welcome!

    It is to note that I found the same issue in another site with a different theme, now sorted, in this case I used:

    .su-spoiler-closed .su-vimeo,
.su-spoiler-closed .su-youtube {
    display: none;
}

    Here: https://www.pan-portugal.com/intro/os-20-selos-videos/

    Thanks again!

    Thread Starter Alain Aubry

    (@caban13)

    6 years, 2 months ago

    Hi

    This same issue happens with a table with links enclosed in a spoiler… the links are going to catch the mouse click in the whole area occupied by the table.

    I noticed you included this CSS in your last version, maybe it would be great to added to everything enclosed in “.su-spoiler-closed”…

    Continue with the great work !

    Alan

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘nested su_spoiler’ is closed to new replies.