prevent horizontal scrollbar on firefox during expand animation (#47758) (#47869)

(cherry picked from commit bb5f77703c) Co-authored-by: Ashley Harrison <ashley.harrison@grafana.com>
2022-04-19 11:49:03 +02:00
parent 7f4a77fb75
commit 1bffc1f4ad
1 changed files with 4 additions and 0 deletions
@@ -147,6 +147,10 @@ const getAnimStyles = (theme: GrafanaTheme2, animationDuration: number) => {
  const overlayTransition = {
    ...commonTransition,
    transitionProperty: 'background-color, box-shadow, width',
+    // this is needed to prevent a horizontal scrollbar during the animation on firefox
+    '.scrollbar-view': {
+      overflow: 'hidden !important',
+    },
  };

  const backdropTransition = {