From 8bf67ed73ca22fcb921dd13eb71ebb8c4b1c3639 Mon Sep 17 00:00:00 2001 From: Pierre Beitz Date: Thu, 29 Oct 2020 14:35:25 +0100 Subject: [PATCH] fix: always keep ui-kit poppers visible we have a situation in that SOME osx users don't see tooltips and the dependency toggle on the services form. this is a workaround that always keeps poppers visible - where they would usually be hidden once their reference elements are scrolled out of the viewport. closes COPS-6624 --- src/styles/hacks.less | 8 ++++++++ src/styles/index.less | 3 +++ 2 files changed, 11 insertions(+) create mode 100644 src/styles/hacks.less diff --git a/src/styles/hacks.less b/src/styles/hacks.less new file mode 100644 index 0000000000..f9fdc030e7 --- /dev/null +++ b/src/styles/hacks.less @@ -0,0 +1,8 @@ +// COPS-6624 +// popper.js sometimes seems to think that our reference elements are outside of the viewport and marks them with this attribute. +// ui-kit then chooses to set `visibility: hidden; pointer-events: none;`, which effectively hides the poppers for some OSX users. +// this is a quickfix that we could try removing once we removed FullScreenModal from the code base. +body [data-popper-reference-hidden] { + visibility: visible !important; + pointer-events: auto !important; +} diff --git a/src/styles/index.less b/src/styles/index.less index 7fb51e8e21..051705305d 100644 --- a/src/styles/index.less +++ b/src/styles/index.less @@ -536,3 +536,6 @@ @import 'views/services/variables.less'; @import 'views/services/styles.less'; + +// Stuff we'd love to get rid of +@import 'hacks.less';