My colleague found a very generic way to show full text while hovering. It is easy to implement but almost no way to customized it.
On the HTML side:
<span class="hover" title="A Generic Way to Show the Whole Text Whiling Hovering">hover me</span>
on the CSS side:
.hover {
max-width: 1ch;
}
Try this on JSFiddle
During the past few monthes, I have been writing components like dropdown, tooltip and popover. And I found myself running into a few edge cases again and again. In order to tackle such positioning...