View Issue Details
| ID | Project | Category | View Status | Date Submitted | Last Update |
|---|---|---|---|---|---|
| 0002522 | HTML & PERL | Bug Report - Interface | public | 2016-07-10 05:22 | 2016-08-30 09:57 |
| Reporter | Belove | Assigned To | DerIdiot | ||
| Priority | normal | Severity | minor | Reproducibility | have not tried |
| Status | resolved | Resolution | fixed | ||
| Fixed in Version | 2016-09 | ||||
| Summary | 0002522: anime tags' tooltip bubbles get cut off in anime popup fancybox lightbox view at the edge of the lightbox | ||||
| Description | Anime tags' tooltip bubbles get cut off in anime popup fancybox lightbox view at the edge of the lightbox and generally generate scrollbars when they do. | ||||
| Steps To Reproduce | 1. Find an anime with a number of infobox tags. 2. Click "i" for ajax info on an anime from any listing with the feature, e.g. the anime, mylist, latest2. 3. Hover over a tag near the right side of the infobox to witness the tooltip get cut off (and, in some browsers, scrollbars appear) | ||||
| Additional Information | I made an attempt change the behavior so the tooltip will overlap the edge of the fancybox using just CSS but was not successful. However, and this may be a poor hack, enclosing the .text <span> with a <span style="position: fixed;"> seems to resolve the issue, at least in Firefox. Images illistrate the problem and the result with that change (as well as have the markup change shown in the same image). | ||||
| Tags | No tags attached. | ||||
|
|
|
|
|
|
|
|
The solution seems to work not only because of the fixed positioning, but because the default position in "fixed" is effectively inherited, and thus relative so long as it's not repositioned. Then, the .text span's -100px offset can be correctly applied relative to this fixed span, achieving the desired effect and combination of positioning features. |
|
|
Screenshots are for http://anidb.net/a11783 Link to the above for a tooltip: https://anidb.net/perl-bin/animedb.pl?adb.search=tanaka&show=animelist&do.search=search Belove was using FF. On Chrome, the tooltip gets cut off by the lightbox, but no scroll bars. |
|
|
--> Same problem with creators (cast, staff) in lightboxes. I would apply a solution to all lightbox instances that have any hover effects/similar. Less importantly, another side effect of the problem is that in browsers that exhibit the added scroll bar behavior, in some cases this changes text wrapping of the hovered text (tag name), and can cause the hovered text to wrap to the next line and no longer be under the mouse cursor. In any case, this will be irrelevant when the positioning is improved, since there would be no reason scroll bars might appear anymore. |
|
|
Quick check in Firefox and not completely fixed by the change made: My initial observations: [16:07:34] <+Belove|2> [21:30:54] <@CDB-Away> belove|2: http://tracker.anidb.net/view.php?id=2522 see if its fixed <---only partially, the tooltip positoining is wrong. And the hovered text can jump around if it wrapped lines now, which causes problems in some cases... Also, no one else's problem, but it badly interacts with my custom css (and fails to work at all). Anyway, I will comment in the coming days, busy busy busy. [16:14:02] <+Belove|2> CDB-Man ^- for example, check Nejimaki Seirei Senki: Tenkyou no Alderamin (a11679) (3rd "current popular anime") on the main page. Hover "contemporary" in "contemporary fantasy" -- notice tooltip is too far to the left. Hover "fantasy" in that tag -- notice tooltip is too far to the right. [16:14:09] <+Belove|2> CDB-Man ^ // Hover "science" in "science fiction", notice its too far to the right and the tag name layout changes. Hover "fiction" in that tag name and notice it jumps to the prior line and the hover effect flickers on and off with the tooltip always too far to the right by any measure, but leaping between positions. I can test more thoroughly in a few days. |
|
|
that is browser rendering sphere and out of my control |
| Date Modified | Username | Field | Change |
|---|---|---|---|
| 2016-07-10 05:22 | Belove | New Issue | |
| 2016-07-10 05:22 | Belove | File Added: fancybox tooltip problem.png | |
| 2016-07-10 05:22 | Belove | File Added: fancybox tooltip solution.png | |
| 2016-07-10 05:27 | Belove | Note Added: 0003774 | |
| 2016-07-10 05:31 | Belove | Note Edited: 0003774 | |
| 2016-07-10 06:04 | CDB-Man | Note Added: 0003775 | |
| 2016-07-10 06:05 | CDB-Man | Note Edited: 0003775 | |
| 2016-07-11 04:35 | Belove | Note Added: 0003777 | |
| 2016-07-11 04:38 | Belove | Note Edited: 0003777 | |
| 2016-07-11 12:49 | DerIdiot | Status | new => resolved |
| 2016-07-11 12:49 | DerIdiot | Resolution | open => fixed |
| 2016-07-11 12:49 | DerIdiot | Assigned To | => DerIdiot |
| 2016-07-16 23:19 | Belove | Status | resolved => feedback |
| 2016-07-16 23:19 | Belove | Resolution | fixed => reopened |
| 2016-07-16 23:19 | Belove | Note Added: 0003781 | |
| 2016-08-29 19:56 | DerIdiot | Note Added: 0003810 | |
| 2016-08-29 19:56 | DerIdiot | Status | feedback => resolved |
| 2016-08-29 19:56 | DerIdiot | Resolution | reopened => fixed |
| 2016-08-30 09:57 | DerIdiot | Fixed in Version | => 2016-09 |
