{"id":19026326,"date":"2026-09-22T13:49:38","date_gmt":"2026-09-22T13:49:38","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/tooltip-clipped-when-a-parent-element-has-overflow-hidden\/"},"modified":"2026-09-22T13:49:38","modified_gmt":"2026-09-22T13:49:38","slug":"tooltip-clipped-when-a-parent-element-has-overflow-hidden","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/tooltip-clipped-when-a-parent-element-has-overflow-hidden\/","title":{"rendered":"Tooltip clipped when a parent element has overflow: hidden"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Hello,<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;m using Glossary by CODEAT and I&#8217;ve run into a display issue with the tooltip.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Description:<\/strong><br \/>The glossary tooltip is rendered with <code>position: absolute<\/code>. This works fine in most cases, but when the glossary term sits inside a container that has <code>overflow: hidden<\/code> the tooltip gets visually clipped by that container&#8217;s boundaries. Only the part of the tooltip that fits inside the parent&#8217;s box is visible; the rest is cut off.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Best regards,<br \/>S\u00e9bastien<\/p>\n","protected":false},"template":"","class_list":["post-19026326","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19026326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19026326\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19026326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}