Skip to content

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

Open
@jasonkaplan79

Description

@jasonkaplan79

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>

Metadata

Metadata

Assignees

Labels

bugSomething isn't working

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions