Tooltip on chip is no longer working

[AdamDomafoldi]

Hello,

I've just upgraded and noticed that my tooltips on chip classes are no longer working. It must be the new update and I assume it is a bug.

For instance:

<div class="chip tooltip tooltip-right" id="chip-Betti-7983" data-tooltip="Terepvezető"> <img src="https://dsaads/img/avatars/avatar-1.png" class="avatar avatar-sm" alt="avatar for tutor"> Betti </div>

Tooltip is not appearing and only a subtle grey flash can be seen.

[adam-weber]

:wave: Hey @AdamDomafoldi,

It looks like @picturepan2 changed the chip overflow (#L2371 in spectre.css) in #521 to eliminate vertical scroll on the chip element. The relatively easy fix is to bring some of the original behavior back, but still eliminate any scroll in the Y direction:

.chip.tooltip:hover {
  overflow: visible;
  overflow-y: none;
}

Please note, this was only tested on the current version of Chrome.

I'll submit a PR for this too.

[AdamDomafoldi]

Hey @adam-weber,

Thank you for the css, it indeed solves the problem. I noticed that: overflow-y: none; is not valid but overflow-y: unset;

based on: https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y

[adam-weber]

@AdamDomafoldi

Ah, yes you're correct. My mistake. Keep in mind that unset isn't supported in any versions of IE.

Good catch!