Have part or dialog centered to the element clicked

[FlorianJacta]

Description

Here, I have clicked on an icon and I have a dropdown menu of labels next to where I clicked:

Here, I have clicked on icon and I see a dialog/part showing up next to where I clicked:

I want to do that generically to put anything in this part. If I click somewhere else, this dialog should disappear.

Acceptance Criteria

• If applicable, a new demo code is provided to show the new feature in action.
• Integration tests exhibiting how the functionality works are added.
• Any new code is covered by a unit tested.
• Check code coverage is at least 90%.
• Related issue(s) in taipy-doc are created for documentation and Release Notes are updated.

Code of Conduct

• I have checked the existing issues.
• I am willing to work on this issue (optional)

[FredLL-Avaiga]

it'a dialog then
But you want to position it relatively to another component.
Would it be acceptable to provide the id of the other component ? (would need to be defined in the other comp and dynamically in the dialog)

[jrobinAV]

This relates slightly to another issue: #2252. By the way, a contributor has proposed to help with it.

[FlorianJacta]

@FredLL-Avaiga That works for me. What do you mean by dynamically?

[FredLL-Avaiga]

I mean that you can change the id to which the dialog is related.
Maybe we should make it a selector so that you can relate to any component (while still supporting the id for simplicity).

[FlorianJacta]

Ok, I agree that the id should be dynamic. Now, I don't understand the part about the selector 😆

[FredLL-Avaiga]

The id is a string that allows to locate a component on a page and position a dialog based on it.
this string could also be treated as a CSS selector to locate components that don't have an id.

[FlorianJacta]

Got it, thanks!