I'd like to use core-tooltip to add tooltips to some elements on my page. However many of those elements have a small bounds, so the tooltip when displayed is clipped (or not visible at all).
bootstrap tooltip has an option to 'append to body' so that the tooltip is not affected by the bounding box of the target element (and we use that today). core-tooltip doesn't have a similar feature (AFAICT). Are my options either (a) overflow:visible (which has potential issues) or (b) try and create a custom version of core-tooltip which creates a shadow DOM on <body> and works there ?
'Moving' the shadow DOM content away from the declared host element and into the body shadow DOM seems 'odd' and I worry that I'm going to have issues with <content> selectors and the like (I'd like to have HTML tooltips).
Are there any other approaches ? Anyone tried to get this type of thing working already ?
Thanks
Andrew 8-)