Issue with wrapping text with a width

[mshumanTeach]

Most appropriate sub-area of p5.js?

• Accessibility
• Color
• Core/Environment/Rendering
• Data
• DOM
• Events
• Image
• IO
• Math
• Typography
• Utilities
• p5.strands
• WebGL
• DevOps, Build process, Unit testing
• Internationalization (i18n)
• Friendly Errors
• Other (specify if possible)

p5.js version

1.11.11

Web browser and version

144.0.7559.110 Chrome

Operating system

Mac Sequoia 15.2

Steps to reproduce this

Steps:

1. Made some text
2. Gave it a width (optional)
3. Text is wrapping itself ON TOP and not going to a new line.

Snippet:

// [Paste your code here :)](https://editor.p5js.org/mshuman/sketches/14aMi62Az)

[welcome]

Welcome! 👋 Thanks for opening your first issue here! And to ensure the community is able to respond to your issue, please make sure to fill out the inputs in the issue forms.

For guidance on contributing, check out our contributing guidelines and other resources for contributors.
💬 If you have questions or need support, feel free to join the Processing Foundation Forum or visit our Community page.
📜 Please also review our Code of Conduct to understand our community standards.
Thank You!

[YuktiNandwana]

Hi @mshumanTeach, thanks for reporting this!

I was able to reproduce the bug. It looks like an issue with how the text leading (line-height) is being calculated or applied when a boundary width is passed to the text() function.

I have my local development environment set up and I would love to investigate and fix this. Could I please be assigned to this issue?

[mshumanTeach]

Hi @YuktiNandwana, I would love your help! How do I assign this to you?