fix(VariantManagement): disabled prop disables onClick events (#119)

* fix(VariantManagement): disabled prop disables onClick events * updated snapshots
SAP · Sep 13, 2019 · ccdf3dc · ccdf3dc
1 parent 180196a
commit ccdf3dc
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 4 deletions.
diff --git a/packages/main/src/components/FilterBar/__snapshots__/FilterBar.test.tsx.snap b/packages/main/src/components/FilterBar/__snapshots__/FilterBar.test.tsx.snap
@@ -8,7 +8,7 @@ exports[`FilterBar Hide Filter Bar 1`] = `
     class="FilterBar--filterBarHeader-"
   >
     <div
-      style="display: inline-block;"
+      style="pointer-events: auto; display: inline-block;"
     >
       <div
         class="Variant-Management--VariantManagement-"
@@ -172,7 +172,7 @@ exports[`FilterBar Render without crashing 1`] = `
     class="FilterBar--filterBarHeader-"
   >
     <div
-      style="display: inline-block;"
+      style="pointer-events: auto; display: inline-block;"
     >
       <div
         class="Variant-Management--VariantManagement-"
@@ -325,7 +325,7 @@ exports[`FilterBar Select Filter Item 1`] = `
     class="FilterBar--filterBarHeader-"
   >
     <div
-      style="display: inline-block;"
+      style="pointer-events: auto; display: inline-block;"
     >
       <div
         class="Variant-Management--VariantManagement-"

diff --git a/packages/main/src/components/VariantManagement/__snapshots__/VariantManagement.test.tsx.snap b/packages/main/src/components/VariantManagement/__snapshots__/VariantManagement.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`VariantManagement Render without crashing 1`] = `
 Array [
   <div
-    style="display: inline-block;"
+    style="pointer-events: auto; display: inline-block;"
   >
     <div
       class="Variant-Management--VariantManagement-"

diff --git a/packages/main/src/components/VariantManagement/index.tsx b/packages/main/src/components/VariantManagement/index.tsx
@@ -160,6 +160,7 @@ const VariantManagement: FC<VariantManagementPropTypes> = forwardRef(
         headerText={popupTitle}
         placementType={placement}
         openBy={variantManagementButton}
+        openByStyle={{ pointerEvents: disabled ? 'none' : 'auto' }}
         footer={footerButtons}
         className={className}
         innerStyles={style}