Skip to content

Separate selectors for modal overlay cutout target and popper target #1836

Open

Description

@wbobeirne

I'm using the modal overlay in my Shepherd tour, but I'd like to point the tooltip at a specific element that's inside the cutout area. Here's an example, I'd like the tooltip to point directly at the orange button. I tried using left-start to move it to the top, but unfortunately no amount of configuration will get the arrow to point directly at the button:

Screen Shot 2022-03-03 at 3 06 59 PM

It'd be great if attachTo had an optional second element attribute for either popper target, or the overlay cutout target, so that they can be two separate elements. By default they should both be the same. Not sure if you'd rather an option for each, or go with just one or the other.

Activity

  1. changed the title [-]Separate selectors for modal cutout target and popper target[/-] [+]Separate selectors for modal overlay cutout target and popper target[/+] on Mar 3, 2022
  2. RobbieTheWagner commented on Mar 4, 2022

    @RobbieTheWagner
    Member

    @wbobeirne I would certainly be open to this. Would you like to give implementing it a try?

  3. wbobeirne commented on Mar 4, 2022

    @wbobeirne
    Author

    Sounds good, given that the modal overlay is optional I think that it's the one that should get a separate selector option. Would you prefer it to be nested under attachTo, or its own top-level config?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions