use-click-outside | React hook to detect clicks | Frontend Utils library

I would like to handle click outside control (slider) in WPF application.

In my application slider is enabled and remains enabled until user clicks on another control or main window (in general outside slider). When clickoutside slider is raised slider should be disabled.

I've tried following things:

• Handle click from main window and disable slider inside MainWindow click event. This solution was not working because MainWindow click event is raised also when I am clicking on slider itself.

• PreviewMouseDownOutsideCapturedElementEvent based on: this question. This solution also didnt work because CaputreMouse on slider caused slider thumb movement blocking and mouse didn't follow click on track (IsMoveToPointEnabled).

• LostFocus event on slider - event is not raised.

  ...