Wavesurfer.js: The cursor show outside the wrapper when try to use cursor plugin.

[ellVin]

Wavesurfer.js version(s): 2.1.0

Browser version(s): 69.0.3497.100

Code needed to reproduce the issue:

https://codepen.io/ElvinWang/pen/OBGmRg

Use behaviour needed to reproduce the issue:

I’m new to wavesurferjs and want to use the cursor plugin. Try a simple demo like the code in the codepen. But the cursur show outside the wrapper. I dont know where is wrong, can you help me out.
Thanks a lot!

[thijstriemstra]

@tbogard any ideas? Did #1511 fix this as well?

[aburai]

@ellVin set your wavesurfer container style to position: relative cause cursor is set to position absolute

[ellVin]

@ellVin set your wavesurfer container style to position: relative cause cursor is set to position absolute

thanks!

[thijstriemstra]

@ellVin is this also happening with the cursor example in the repository? if so, can you fix it there as well and make a pull request?

[aburai]

@thijstriemstra the example is correct

examples/css/style.css

90 #waveform {
91     position: relative;
92 }