interactive elements flash if tapped on touchscreen

Hi,

I enjoy working with Smart Slider, which I plan to use for a creative project. Sadly, it lacks a specific control option – namely, invisible controls that switch slides by tapping on sides, corners, or edges of a slider.
Arrow controls can be customized to create a workable facsimile of such controls, but unfortunately, there are several issues with it, mainly in the area of responsiveness, any interactive elements on the slide becoming unusable (as they are covered by enlarged arrows) or some accidental selecting and highlighting.

To overcome those problems I figured I can create a static overlay with custom controls – I’ve set invisible areas of the desired width on both sides of the overlay and set them to switch to next/previous slide.

It works seamlessly on my desktop if I click such areas with a mouse cursor – however, a significant issue appears when I try to tap those areas on a touchscreen. And it’s an issue prevalent on every touchscreen I could use for testing – a touchscreen attached to my desktop (Windows 10), an iPhone and Samsung smartphone with Android OS.

THE ISSUE: any interactive area (invisible or not) with a link or action attached to it flashes for a split second when tapped via touchscreen.
It flashes black on iPhone and windows touchscreen and blue on Samsung smartphone.

And this doesn’t just happen to my invisible custom controls on the static overlay – it happens on every slide that has a clickable element, whether it’s added to an invisible area or a visible graphic image of a slider of any size or complexity. If tapped, it flashes.

The flashing is prominent enough to produce a very unaesthetic effect. It effectively prevents crafting a seamless animation or transition on your slider when interacted with on touchscreen via tap.

Is there any way to avoid triggering this sort of behavior on my side, as a user, or is it something that perhaps could be looked into and fixed in the future?