Song name is being overlapped by the "song" label in portrait and landscape cards

[alexsam29]

Version

v16.13.0

Platform

Microsoft Windows NT 10.0.22621.0 x64

What steps will reproduce the bug?

Running the program locally and testing the portrait and landscape examples with different song IDs.

How often does it reproduce? Is there a required condition?

Every time, no matter the song ID.

Is there any Package conflicting with other packages?

No response

What is the expected behavior?

I'm not too sure what the expected behavior is. Either the 'song' label sits above the song name or the label shouldn't be there at all.

What do you see instead?

"Song" label overlaps the song name.

Additional information

Just came across this while messing around with the examples on my local machine. Not sure if this is a known issue. I can try to fix it if you want to label this under "hacktoberfest"?.

[AmreshSinha]

Can you give me the song id?
It seems to work fine in the current latest hosted version 🤔 .

What's your npm and node version?

[alexsam29]

Hmmm... I just forked the repo as it is right now, that's what I'm using on my machine.

Song IDs: 38g0al4YO0WctLwI4Z8394, 17SWWgsc3VQQjMhY3xYc6n
npm version: 8.1.3
node version: 16.13.0

Updated node version to 16.17.1, issue remains.

[AmreshSinha]

Can you test this on any Linux distro too? It's working fine on ubuntu and manjaro. Can't say anything about windows.

[alexsam29]

Unfortunately I can't. I just have access to windows right now. Obviously, when I adjust the label Y coordinates it's fixed. But I don't understand why it's different on other platforms.

[AmreshSinha]

Maybe it has to do with the node-canvas package. Its dependencies are different on different platforms.