Text length can extend beyond the boundary of its container panel on a model's detail page

[atownson]

Deployment Type

Self-hosted

NetBox Version

v4.0-beta1

Python Version

3.10

Steps to Reproduce

Hey guys, I wanted to revisit #10596 for v4.0-beta1. It seems this behavior is the same when using Tabler. Thanks for your work.

1. Create a custom field with a Type of Text for any given model.
2. Add a value to any given instantiated model for the custom field that is rather long, say 100 characters.
3. View the model's detail page and observe the value extends beyond the panel boundary, given the width of the webpage.

Expected Behavior

The horizontally-long text should either wrap or a scrollbar should be shown.

Observed Behavior

The text extends beyond the panel boundaries.

[jeffgdotorg]

Unless I've gone to a different URL (which I can't tell for sure since your screenshot is cropped pretty tightly), I'm unable to reproduce this as reported. The text wraps as expected for me.

Are we looking at the same thing?

[jeremystretch]

In @atownson's example the string has no whitespace permitting a line wrap, so the text extends beyond the boundary of its container. We probably just need to tweak overflow behavior for the container.

[jeffgdotorg]

Thanks Jeremy, good catch.