This repository was archived by the owner on Mar 13, 2018. It is now read-only.
This repository was archived by the owner on Mar 13, 2018. It is now read-only.
Adding a tooltip to an element whose parent has overflow:hidden can obscure portions of the tooltip when displayed #24
Description
If an element with a tooltip is contained within an element whose overflow is hidden the tooltip may not be visible, or may be only partially visible. It will be clipped to the bounds of the parent.
An example codepen is at : http://codepen.io/awk/pen/RNgbEN
Removing the overflow:hidden style attribute isn't practical for our current layout (unfortunately).
Bootstrap tooltips have an option (which we use) to add the tooltip to the <body> however this feels excessive and would lead to lots of shadow-dome on the body element in our case since we have a toolbar which dozens of icons and associated tooltips.
(See also: https://groups.google.com/d/msgid/polymer-dev/0cbc3453-d47a-41cd-b1d0-dd0cae61a346%40googlegroups.com)