1llest-waveform-vue icon indicating copy to clipboard operation
1llest-waveform-vue copied to clipboard

[BUG]: If the containing div is of limited width / size, clicking on the waveform is no longer precise

Open jasonkaplan79 opened this issue 1 year ago • 0 comments

Description of the bug

If the containing div is of limited width / size, clicking on the waveform is no longer precise...the precision of the cursor gets really bad and it becomes hard to click on the exact point you want to play from.

In the following example, w-1/4 is a tailwindcss class. Using w-1/3, w-1/2, etc works fine.

<div class="w-1/4">
    <IllestWaveform
        ref="waveformRef"
        v-bind="waveOptions"
        @on-init="initHandler"
        @on-fetched="fetchedHandler"
        @on-ready="readyHandler"
        @on-play="onPlay"
        @on-pause="onPause"
        @on-finish="finishHandler"
        @on-click="clickHandler"
    />
</div>

jasonkaplan79 avatar Aug 06 '24 04:08 jasonkaplan79