[ML] Ignore mouse events on pseudo element. (#20668) (#20706)

walterra · web-flow · commit a878bbd72b9d · 2018-07-12T13:36:54.000+02:00
The pseudo-element agg-type-select-wrapper::after which represents the dropdown's arrow didn't react to the click element of the dropdown itself. pointer-events: none is now added to the pseudo-elements to let the click pass through to the element intented to react on the click.
diff --git a/x-pack/plugins/ml/public/jobs/new_job/simple/components/fields_selection/styles/main.less b/x-pack/plugins/ml/public/jobs/new_job/simple/components/fields_selection/styles/main.less
@@ -57,6 +57,7 @@
           border-left: 4px solid transparent;
           right: 10px;
           top: 14px;
+          pointer-events: none;
         }
       }
     }
diff --git a/x-pack/plugins/ml/public/jobs/new_job/simple/components/fields_selection_population/styles/main.less b/x-pack/plugins/ml/public/jobs/new_job/simple/components/fields_selection_population/styles/main.less
@@ -63,6 +63,7 @@
             border-left: 4px solid transparent;
             right: 43px;
             top: 14px;
+            pointer-events: none;
           }
         }
 

Original file line number	Diff line number	Diff line change
`@@ -57,6 +57,7 @@`
`57`	`57`	`border-left: 4px solid transparent;`
`58`	`58`	`right: 10px;`
`59`	`59`	`top: 14px;`
	`60`	`+ pointer-events: none;`
`60`	`61`	`}`
`61`	`62`	`}`
`62`	`63`	`}`
Original file line number	Diff line number	Diff line change
`@@ -63,6 +63,7 @@`
`63`	`63`	`border-left: 4px solid transparent;`
`64`	`64`	`right: 43px;`
`65`	`65`	`top: 14px;`
	`66`	`+ pointer-events: none;`
`66`	`67`	`}`
`67`	`68`	`}`
`68`	`69`