Slider and RangeSlider: Focus outline presented on mobile

[niyap]

Bug Description

In UI5, when slider's handle is moved there is no visual focus outline around the handle, ui5-slider handle has focus outline around the handle when moved. For the component, the issue is presented as well. Moreover, once the user tapped over the whole progress and focus outline is presented, then moving just a single handle, does not hide the focus outline over the whole progress, just extend it.

Expected Behavior

Focus outline is not presented when interacting with the ui5-slider and ui5-range-slider component.

Steps to Reproduce

1. Go to https://sap.github.io/ui5-webcomponents/master/playground/components/RangeSlider/ on mobile device
2. Tap over the progress part of the component - you will notice the focus outline
3. Then move just the right handle - the focus outline over the progress is still visible

Context

• UI5 Web Components version: 1.0.0-rc.16
• OS/Platform: iOS
• Browser: Safari/ Chrome
• Affected component: and