Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[Bug]: Manual overlay dismisses like auto overlay #3702

Closed
1 task done
timsnadden opened this issue Oct 4, 2023 · 1 comment · Fixed by #3788
Closed
1 task done

[Bug]: Manual overlay dismisses like auto overlay #3702

timsnadden opened this issue Oct 4, 2023 · 1 comment · Fixed by #3788
Labels
bug Something isn't working Component: Overlay Post overlay API Review after Overlay V2 Ships

Comments

@timsnadden
Copy link

timsnadden commented Oct 4, 2023

Code of conduct

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

Impacted component(s)

overlay

Expected behavior

As per the docs "'manual' Overlays act much like "auto" Overlays, but do not close when losing focus or interacting with other parts of the page"

Actual behavior

An overlay with type="manual" is closed when interacting with other parts of the page. The attribute popover="manual" is added but there is some code in OverlayStack that closes the open overlay.

Screenshots

https://www.loom.com/share/87ac4011b05041568b8c23b949503d46

What browsers are you seeing the problem in?

All

How can we reproduce this issue?

  1. Create a 'manual' Overlay (<sp-overlay type="manual">)
  2. Open the Overlay
  3. Click elsewhere in the document
  4. Note that the overlay is closed automatically when the expectation is that it remains open until explicitly closed

Sample code that illustrates the problem

https://codepen.io/karbonhq/pen/XWoxqBm

@timsnadden timsnadden added bug Something isn't working triage An issue needing triage labels Oct 4, 2023
@Westbrook
Copy link
Contributor

That does seem like a thing that happens 🙈

Quick note to triaging, the demo linked above places type="manual" on the wrong element, see https://codepen.io/Westbrook/pen/yLGRERg for usage on <sp-overlay> not <sp-popover>.

Also, naming 😓 ...

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working Component: Overlay Post overlay API Review after Overlay V2 Ships
Projects
None yet
3 participants