Sarai-WMDE added subscribers: ItamarWMDE, Michael. Sarai-WMDE added a comment.
@Michael brought up this important question about the popover: "Do we have a plan/idea how we want to get it where it is designed to appear?" There are two approaches that @ItamarWMDE and I find convenient. In both cases, the link between the popover and its trigger is defined by the popover component: 1. **Using a wrapper**. This is, adding (via a slot or a title prop) a parent element that wraps the popover together with its trigger. Both Vuetify <https://vuetifyjs.com/en/components/tooltips/#alignment> and Material design <https://material-ui.com/components/tooltips/> applied a version of this approach. While it might not be very correct semantically, the method does seem convenient. Please note that only Vuetify's approach would allow us to insert elements other than text in the popover (e.g. links), and for that reason, it might be the most advantageous. 2. Using a **for attribute** to connect the popper to its trigger's id. This would look something like this: `<popover for="foo" left center> Popover content </popover>` `<button id="foo">Button label</button>` TASK DETAIL https://phabricator.wikimedia.org/T273041 EMAIL PREFERENCES https://phabricator.wikimedia.org/settings/panel/emailpreferences/ To: Sarai-WMDE Cc: Michael, ItamarWMDE, Aklapper, Sarai-WMDE, Akuckartz, Nandana, Lahi, Gq86, GoranSMilovanovic, QZanden, LawExplorer, _jensen, rosalieper, Scott_WUaS, Wikidata-bugs, aude, Mbch331
_______________________________________________ Wikidata-bugs mailing list [email protected] https://lists.wikimedia.org/mailman/listinfo/wikidata-bugs
