Fix text wrapping in the search box

[eliaslma]

References

A step towards #15049

The search box wraps long text, which is undesirable because it is very confusing when multi-line search is used.

Code changes

Added CSS property to the input that handles white spaces following MDN Web Docs.

User-facing changes

Screencast.from.05-09-2023.18.11.27.webm

Context

Browser: Firefox
JupyterLab version: 4.1.0a1

[jupyterlab-probot]

Thanks for making a pull request to jupyterlab!
To try out this branch on binder, follow this link:

[welcome]

Thanks for submitting your first pull request! You are awesome! 🤗

If you haven't done so already, check out Jupyter's Code of Conduct. Also, please make sure you followed the pull request template, as this will help us review your contribution more quickly.

You can meet the other Jovyans by joining our Discourse forum. There is also a intro thread there where you can stop by and say Hi! 👋

Welcome to the Jupyter community! 🎉

[krassowski]

Thank you @eliaslma for opening a PR! This helps, and should be included, though is still not ideal because:

• the overlay scrollbar makes it hard to click on a specific letter (instead, if clicking on the lower half it scrolls over there) - this is browser dependent behaviour
• the longer text is not visible even if the box could be grown to accommodate the longer text.

Would you be open to also implementing the logic changes for growing the width of the textarea suggested in #15049 (comment)?

[krassowski]

Lets get this in as an incremental improvement.

Thank you @eliaslma!

[welcome]

Congrats on your first merged pull request in this project! 🎉

Thank you for contributing, we are very proud of you! ❤️

[krassowski]

@meeseeksdev please backport to 4.0.x