core-tooltip and clipped/out of bounds display

393 views
Skip to first unread message

Andrew Kimpton

unread,
Jan 13, 2015, 10:46:08 AM1/13/15
to polym...@googlegroups.com
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-)

Eric Bidelman

unread,
Jan 17, 2015, 8:50:03 AM1/17/15
to Andrew Kimpton, polym...@googlegroups.com
Do you mind filing a bug on https://github.com/Polymer/core-tooltip/issues/new with a code example? I'd be interested in seeing what we come up with over there.

Definitely don't want to go the creating shadow dom on body route :) That's overkill for fixing this.

Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups "Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email to polymer-dev...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/polymer-dev/0cbc3453-d47a-41cd-b1d0-dd0cae61a346%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.

Andrew Kimpton

unread,
Jan 22, 2015, 9:51:08 AM1/22/15
to Eric Bidelman, polym...@googlegroups.com
Filed as https://github.com/Polymer/core-tooltip/issues/24 (sorry for the short delay)

Andrew 8-)
Reply all
Reply to author
Forward
0 new messages