[Bug]: Long press triggering sp-overlay type="modal" breaks all other sp-action-button click events

[WUY97]

Code of conduct

• I agree to follow this project's code of conduct.

Impacted component(s)

sp-action-button sp-overlay

Library version

1.7.0

Expected behavior

Firing long press event from a sp-action-button to a sp-overlay should not break the on-click event on all sp-action-buttons

Actual behavior

Please find LrW Jira ticket: https://jira.corp.adobe.com/browse/LRW-21602

Screenshots

No response

What browsers are you seeing the problem in?

Firefox, Chrome, Safari, Microsoft Edge

How can we reproduce this issue?

Please find LrW Jira ticket for reproduction process. Pseudo code is attached below.

LrW POC: Claire Wu yitongw@adobe.com

Sample code or abstract reproduction which illustrates the problem

<sp-action-button id="button-trigger" /> // on-click will become unresponsive after long press is fired
<sp-overlay trigger="button-trigger@longpress" type="modal" />
<sp-action-button /> // on-click will become unresponsive after long press is fired
<sp-action-button /> // on-click will become unresponsive after long press is fired
<sp-action-button /> // on-click will become unresponsive after long press is fired

Severity

SEV 1

Logs taken while reproducing problem

No response

Would you like to track this issue in Jira?

• Yes, please tell me the ticket number!

[Rajdeepc]

For longpress interactions, I'd recommend using overlay-trigger with the longpress-content slot instead of direct sp-overlay usage - it handles all the complexity internally and prevents these kinds of edge cases from happening in the first place. I will keep this bug open to check what's going on with sp-overlay. In the mean time the below setup should unblock you!

<overlay-trigger triggered-by="longpress" placement="right-start">
    <sp-action-button slot="trigger" hold-affordance>
        Options
    </sp-action-button>
    <sp-popover slot="longpress-content">
        <!-- longpress content -->
    </sp-popover>
</overlay-trigger>

[najikahalsema]

SWC-1276