Lock button tooltip

[navv-1]

I just noticed the lock button tooltip is slightly clipped at the top.

[giovanniTramonto]

@justvanrossum When removing overflow-x + overflow-y from ui-form and overflow-y from div.ui-form clipping is gone.
Overflow could be set in .selection-info instead, but would require some general layout adjustments.
Actually, https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning would be great, because anchor can be placed inside overflow: hidden, but the module was only releases this year in Chrome and Edge.

[justvanrossum]

Fixed by #1861

[giovanniTramonto]

@justvanrossum As mentioned above, a great way to avoid similar issues with tooltip in the future is anchor positioning, since it’s not blocked by overflow: hidden. I found a polyfill https://anchor-positioning.oddbird.net/
The idea is to add an invisible top level element with utmost z-index that gets shown and attached to hovered anchors.

[justvanrossum]

While I like the concept of anchor positioning, I don't like to depend on a (huge!) polyfill. Maybe we should come back to this once anchor positioning is supported everywhere.