From aadff160fba314b1e78dd455ca3a1b40a4b6935e Mon Sep 17 00:00:00 2001 From: Brad Horrocks Date: Thu, 3 Jul 2014 06:59:31 -0600 Subject: [PATCH] Workaround for a chrome bug where active pseudo class stays on inactive elements Chrome has a nice bug where clicking on block element inside an inline element will force the inline element to keep the :active pseudo class. this causes tooltips to stay open since our tooltips show if the tooltip element has the :active pseudo class a bug has been filed at https://code.google.com/p/chromium/issues/detail?id=391254 fixes CNVS-10808 test plan: - using chrome - Click the attach file icon - Make sure the tooltip disappears Change-Id: I86ff3bc9b2d309382c63b8fa4183bfc9b9162af6 Reviewed-on: https://gerrit.instructure.com/37255 Tested-by: Jenkins Reviewed-by: Colleen Palmer Reviewed-by: Simon Williams QA-Review: Amber Taniuchi Product-Review: Brad Horrocks --- app/stylesheets/speed_grader.sass | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/app/stylesheets/speed_grader.sass b/app/stylesheets/speed_grader.sass index b6fa187603b..6f4bd3cc0d6 100644 --- a/app/stylesheets/speed_grader.sass +++ b/app/stylesheets/speed_grader.sass @@ -309,6 +309,18 @@ margin: 0 padding: 0 list-style: none + + //Chrome has a nice bug where clicking on block element + //inside an inline element will force the inline element + //to keep the :active pseudo class. + //this causes tooltips to stay open since our tooltips + //show if the tooltip element has the :active pseudo class + //a bug has been filed at https://code.google.com/p/chromium/issues/detail?id=391254 + .tooltip .tooltip_wrap + display: none + .tooltip:hover .tooltip_wrap + display: block + /////// END: fix for chrome bug. .prompt color: #999 font-weight: bold