@recaptime-dev's working patches + fork for Phorge, a community fork of Phabricator. (Upstream dev and stable branches are at upstream/main and upstream/stable respectively.)
hq.recaptime.dev/wiki/Phorge
phorge
phabricator
Fix flickering tooltips in Chrome when the tip container overlaps the triggering element
Summary:
Fixes T8440. See that task for discussion.
Ref T13216. See PHI976.
Test Plan:
In Chrome, hovered a timestamp and moved the mouse up to the "overlap" area (see T8440). Before: flickered like crazy. After: no flickering.
(I couldn't reproduce the original issue in modern Firefox or Safari.)
Reviewers: amckinley, avivey
Reviewed By: avivey
Maniphest Tasks: T8440, T13216
Differential Revision: https://secure.phabricator.com/D19808
+9
-3
+3
-3
resources/celerity/map.php
+3
-3
resources/celerity/map.php
···
9
9
'names' => array(
10
10
'conpherence.pkg.css' => 'e68cf1fa',
11
11
'conpherence.pkg.js' => '15191c65',
12
-
'core.pkg.css' => '2574c199',
12
+
'core.pkg.css' => 'cff4ff6f',
13
13
'core.pkg.js' => 'b5a949ca',
14
14
'differential.pkg.css' => '06dc617c',
15
15
'differential.pkg.js' => 'c1cfa143',
···
32
32
'rsrc/css/aphront/phabricator-nav-view.css' => '694d7723',
33
33
'rsrc/css/aphront/table-view.css' => '8c9bbafe',
34
34
'rsrc/css/aphront/tokenizer.css' => '15d5ff71',
35
-
'rsrc/css/aphront/tooltip.css' => '173b9431',
35
+
'rsrc/css/aphront/tooltip.css' => 'cb1397a4',
36
36
'rsrc/css/aphront/typeahead-browse.css' => 'f2818435',
37
37
'rsrc/css/aphront/typeahead.css' => 'a4a21016',
38
38
'rsrc/css/application/almanac/almanac.css' => 'dbb9b3af',
···
521
521
'aphront-panel-view-css' => '8427b78d',
522
522
'aphront-table-view-css' => '8c9bbafe',
523
523
'aphront-tokenizer-control-css' => '15d5ff71',
524
-
'aphront-tooltip-css' => '173b9431',
524
+
'aphront-tooltip-css' => 'cb1397a4',
525
525
'aphront-typeahead-control-css' => 'a4a21016',
526
526
'application-search-view-css' => '787f5b76',
527
527
'auth-css' => '0877ed6e',
+6
webroot/rsrc/css/aphront/tooltip.css
+6
webroot/rsrc/css/aphront/tooltip.css
···
5
5
.jx-tooltip-container {
6
6
position: absolute;
7
7
padding: 5px;
8
+
9
+
/* In Chrome, moving the cursor into the empty space next to the "caret" on
10
+
the caret side of the tooltip can cause the tooltip to flicker rapidly
11
+
because the cursor hits the container. To stop this, prevent cursor
12
+
events on the container. See T8440. */
13
+
pointer-events: none;
8
14
}
9
15
10
16
.jx-tooltip-appear {