Estoy tratando de hacer un atenuador de volumen, y primero lo que debo hacer es detectar la altura del contenedor del atenuador de volumen (control de volumen), en el que se produjo el clic (todo es vertical).

 const setVolume = (e) => { let offsetY = Math.round(e.clientY) let bottom = Math.round(e.target.getBoundingClientRect().bottom) let clickHeight = bottom - offsetY console.log((clickHeight / e.target.offsetHeight).toFixed(2)) }

 <div class="volume"> <div id="volume-control" @click="setVolume"> <div class="volume-fader"></div> </div> </div>

El fader en sí está configurado al 30% de la altura desde la parte inferior en css inicialmente, y el problema es que cuando hago clic en él, obtengo su compensación, y lo que necesito es siempre la compensación del padre (para poder configurar el la altura del fader respectivamente a donde ocurrió el clic). Entonces, ¿cómo excluyo que se haga clic en el fader?