x/pkgsite: no horizontal scroller on <pre> text containing function signature on overflow

What is the URL of the page with the issue?

All package's page

What is your user agent?

Mozilla/5.0 (Linux; Android 9; Unspecified Device) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/90.0.0.0 Mobile Safari/537.36

Screenshot

Not necessary

What did you do?

I visited a package's docs on a mobile device

What did you expect to see?

pre text containing function signature to have horizontal scroller on overflow due to longer line length

What did you see instead?

Those pre text don't have horizontal scroller on overflow, text are wrap around.

It also has #46519

[jamalc]

/cc @fflewddur and @Joanne881107 for UX input

@jamalc really?

[fflewddur]

@inet56 Could you provide a screenshot to help us understand the issue? I believe the line wrapping is by design, so that people don't need to manually horizontally scroll to view function signatures. This screenshot from https://pkg.go.dev/golang.org/x/crypto/ssh is a good example:

We don't want key information to require horizontal scrolling. That said, I noticed the lines are breaking at odd places; if that's the reason for this issue, I completely agree. @jamalc , could we look at adjusting the line wrapping so that it only breaks at word boundaries?

We don't want key information to require horizontal scrolling.

Types has horizontal scrolls. Aren't they key information?

could we look at adjusting the line wrapping so that it only breaks at word boundaries?

removing word-break: break-all would do that.

[jamalc]

@inet56 You have expressed a personal preference for this text to scroll horizontally. We're happy to take it into consideration but our UX team should review the request.

@fflewddur I also remember the choice to wrap function signatures was intentional to reduce the amount of horizontal scrolling that takes place on the page. It would be simple enough to break on whole words instead.

I believe that types have horizontal scroll because they are already multiline and it can make the content more difficult to track visually.