[New Feature] Post tooltips

You may have noticed that the tooltips you see when hovering over a thumbnail are different. The tags are now colorized and ordered by tag type. This came out of topic #15163 / issue #3664. The purpose is to make tooltips easier to read, and easier to use (the tags are now clickable, which makes searching easier).

I realize this is slightly different than the way it worked before, but other than colors the behavior should be very nearly the same. I'm opening this thread in case there are any issues.

What stands out to me is that in order for the tooltips to be clickable, there's no longer an easy way to dismiss them. The old tooltips would appear if I hovered over an image and disappear if I shifted my cursor; these new tooltips persist until I get the cursor off the image. Maybe this is something I'll just have to get used to, but for now, it makes them feel more "in the way."

I don't like that it looks more like a rectangle.
I'd rather have it squared...

They look nice, but pop up way too easily and take too long to disappear (and sometimes reappear?)
I'd like it more if I had to hover over a thumbnail just a bit longer before it pops up.

zigzag said:

They look nice, but pop up way too easily and take too long to disappear (and sometimes reappear?)
I'd like it more if I had to hover over a thumbnail just a bit longer before it pops up.

To be honest, everyone will have a different preference. I'm not sure if this can or should be made a user setting. Regardless, I did come up with a Javascript that would allow one to change this themselves.

// ==UserScript==
// @name         Change QTip Delay
// @description  Change the delay on image popups
// @match        *://*.donmai.us/*
// @grant        none
// ==/UserScript==

if($("#c-posts #a-index").length) {
    Danbooru.PostTooltip.QTIP_OPTIONS.show.delay = 1000;
}

The above is set to 1000 ms (1 second), but it can be altered according to one's own preference.

The tooltips seem to ignore mouse movement and only consider “within the bounds of the thumbnail or not”, so they will pop up even if you constantly move the cursor around on a thumbnail. Probably nobody does that, but even the time it takes to move the cursor on a thumbnail, click it, and move the cursor off the thumbnail again can take long enough for the tooltip to pop up. I’d like the tooltip to only pop up if the cursor lingers on the thumbnail long enough. (In other words, reset the linger timer on every movement.)

I’ve also had tooltips stick around even after I move the cursor off the thumbnail (and off the tooltip). Touching the tooltip or the thumbnail with the cursor and then moving it off will make the tooltip vanish. I wonder if the mouseOut event is getting lost if it occurs during the XHR. If that’s the case, it’s probably less of an issue for users in the US (close to the servers).

New tooltips are neat and I like them, but an option in account settings to turn them off would probably be nice for a reasonable amount of users

They get in the way with Danbooru Ex when showing an enlarged thumbnail of a post.
This sadly is also the case in the mod queue.

Provence said:

They get in the way with Danbooru Ex when showing an enlarged thumbnail of a post.

Then Danbooru Ex needs to be fixed.

kittey said:

Then Danbooru Ex needs to be fixed.

Jup.
And Evazion made this topic who also made Danbooru Ex.

By the way, something that is related directly to the tooltips:
Should they really pop up when you are not in "View" mode? I think they are kinda useless when you are in "Edit", "Approve" etc. mode.

Also, I think the tooltip box should include the source as well.

kittey said:

I’ve also had tooltips stick around even after I move the cursor off the thumbnail (and off the tooltip). Touching the tooltip or the thumbnail with the cursor and then moving it off will make the tooltip vanish. I wonder if the mouseOut event is getting lost if it occurs during the XHR. If that’s the case, it’s probably less of an issue for users in the US (close to the servers).

Had this happen to me once accidentally, and I was able to reproduce it a couple times intentionally by moving the cursor off the image just before the tooltip appears (seems to be a pretty short time window). Even if it only happens rarely, for frequent users of the site, it will happen enough to be annoying.

It's much harder to view tooltips on mobile now. Getting one to open without changing the page is a crapshoot at best and opening an new one is impossible without changing the page. Closing an open tooltip cannot happen without changing the page, too.

An option to switch back to the old version would be nice, I've never felt the need to be able to click the tags in the tooltips anyways.

Opened issue #3689 to track these issues.

Many of these changes from what you may be used to come down to browser differences. Previously we used the builtin browser tooltips, which behave slightly differently in Chrome versus Firefox. The new tooltips follow Chrome's behavior, because frankly it has the biggest marketshare among Danbooru users (~55% use Chrome versus ~4% use Firefox) and it's what more people will be used to.

fossilnix said:

The old tooltips would appear if I hovered over an image and disappear if I shifted my cursor; these new tooltips persist until I get the cursor off the image.

This is a Firefox thing. The way it works now is the way it worked before in Chrome. Here's a userscript if you want the Firefox behavior back.

Provence said:

I don't like that it looks more like a rectangle.
I'd rather have it squared...

They're 965x160, which is about the same size as the old tooltips in Chrome. Tooltips in Firefox are 480px and unlimited height (which means they can get stupidly tall - try it here - which was one of the issues with browser tooltips). Maybe this could be tweaked, but it's mostly personal preference. You can use CSS to adjust it to your liking.

zigzag said:

They look nice, but pop up way too easily and take too long to disappear (and sometimes reappear?)
I'd like it more if I had to hover over a thumbnail just a bit longer before it pops up.

The current delay is 0.45 seconds, which should be about the same as it was before, if not a bit slower (esp. for users outside the US with greater server latency).

It could be tuned, but it's another thing that mostly comes down to personal preference.

kittey said:

The tooltips seem to ignore mouse movement and only consider “within the bounds of the thumbnail or not”, so they will pop up even if you constantly move the cursor around on a thumbnail.

This is another Firefox vs. Chrome difference. The way it works now is how it always worked in Chrome. It's also how tooltips work on other sites I've looked at (Pixiv, Twitter, Wikipedia, Facebook, and Reddit).

That said, there's a jQuery plugin that does this, so I'll try it and see if it feels better.

I’ve also had tooltips stick around even after I move the cursor off the thumbnail (and off the tooltip).

I've seen this and I'm looking into it.

AngryZapdos said:

New tooltips are neat and I like them, but an option in account settings to turn them off would probably be nice for a reasonable amount of users

I'll probably do that, but I'd like to get feedback on it first before people just disable it and forget about it.

Provence said:

Also, I think the tooltip box should include the source as well.

I was thinking of adding that, among other things (think: upload date, filesize & dimensions, pools, notes/comments/commentary indicators, upvote/downvote/favorite buttons, inline tag editing). There are a lot of things that could potentially be incorporated. It's mostly a matter of fitting it in while keeping tooltips compact and unobtrusive.

Please add an option to disable them. Not liking it

I'm also occasionally experiencing the issue with the tooltip remaining even after I move the cursor away from both image and tooltip, but otherwise this is a very nice update.

What I just had a few times is that I accidentally clicked a tag when I wanted to look at the full image instead.
It pops up so fast that this happens quite often and the box appears mostly directly above the mouse cursor.

The new tooltips are really obnoxious, so an option to disable them would be nice.

I want the option to turn them off in the options as well. I don't want to use a userscript that's made for that sole purpose.

BrokenEagle98 said:

To be honest, everyone will have a different preference. I'm not sure if this can or should be made a user setting. Regardless, I did come up with a Javascript that would allow one to change this themselves.

// ==UserScript==
// @name         Change QTip Delay
// @description  Change the delay on image popups
// @match        *://*.donmai.us/*
// @grant        none
// ==/UserScript==

if($("#c-posts #a-index").length) {
    Danbooru.PostTooltip.QTIP_OPTIONS.show.delay = 1000;
}

The above is set to 1000 ms (1 second), but it can be altered according to one's own preference.

Thanks, this works great for me!