The selection range does not exceed the view for xy-charts

 add conditions at the ends so that the selection range remains in the view

Contributes towards fixing eclipse-cdt-cloud#420

Signed-off-by: Ibrahim Fradj <ibrahim.fradj@ericsson.com>

packages/react-components/src/components/xy-output-component.tsx

@@ -38,9 +38,11 @@ export class XYOutputComponent extends AbstractTreeOutputComponent<AbstractOutpu
         if (this.mouseIsDown && this.props.unitController.selectionRange) {
             const xStartPos = this.props.unitController.selectionRange.start;
             const scale = this.props.viewRange.getEnd() - this.props.viewRange.getstart();
+            let end = xStartPos + ((event.screenX - this.posPixelSelect) / this.lineChartRef.current.chartInstance.width) * scale;
+            end = Math.min(Math.max(end, 0), this.props.unitController.absoluteRange);
             this.props.unitController.selectionRange = {
                 start: xStartPos,
-                end: xStartPos + ((event.screenX - this.posPixelSelect) / this.lineChartRef.current.chartInstance.width) * scale
+                end: end
             };
         }
     };