Able Player breaks Collapse elements from Bootstrap

[MarHerUMR]

Describe the bug

Able Player breaks Collapse elements from Bootstrap when used on the same page.

To Reproduce Steps to reproduce the behavior:

1. Install the Able Player WordPress Plugin
2. Create a page or post with a able player video container
3. Load Bootstrap (tested with version 3.4)
4. Create a closed Collapse element on the page
5. Click on the Collapse element in order to open it.
6. Click on the Collapse element again in order to close it. It will not close again.

Expected behavior

When using Able Player and Bootstrap the Collapse elements should keep working.

Desktop (please complete the following information):

• OS: Windows 10 Education (22H2)
• Tested with Vivaldi 6.7.3329.21 (Stable channel) (64-Bit) and Firefox 115.10.0esr (64-Bit)

Additional context

Bootstrap uses $(document).on() to handle the interactions with collapsibles:

 $(document).on('click.bs.collapse.data-api', '[data-toggle="collapse"]', function (e) {
    var $this   = $(this)

    if (!$this.attr('data-target')) e.preventDefault()

    var $target = getTargetFromTrigger($this)
    var data    = $target.data('bs.collapse')
    var option  = data ? 'toggle' : $this.data()

    Plugin.call($target, option)
  })

Source

Able Player uses the same method in order to "init speech before it's needed" and disables the event listener again.

                        greeting.onstart = function(e) {
                            // utterance has started 
                            $(document).off('click'); // unbind the click event listener
                        }

Source

By removing the event listener for Able Player the event listener for Boostrap is removed as well. Therefore the collapsibles no longer works.

[joedolson]

This sounds like an issue with AblePlayer itself, rather than with the WordPress plugin; can you confirm that this only occurs when using the plugin?

[MarHerUMR]

You are righ, it's a problem of Able Player itself. I'm taking it there. Sorry for the noise.

[joedolson]

No worries! Thanks for raising issues!