WebKit shows horizontal scrollbar when other browsers do not in div

• Component: Layout and Rendering
• Status: NEW ---

[Alexei Svitkine]

Take a look at the attached text case.

Firefox, Opera and IE do not show a horizontal scroll bar in the div, but Webkit (latest nightly and Safari 3.1) does.

The issue is that the URL:

http://hl.udogs.net/files/Uploads/%20User%20Uploads/Zaknafein%20Uploads/FLHscreenshotGameFilms/king.pdf

Does not wrap, and remains on one line, causing the need for the scroll bar. Yet, all other text in the div wraps to the viewable width of the div.

This is inconsistent. If a horizontal scroll bar is displayed, then it does not make sense for the other text to wrap to the viewable width (rather than the scrollable width).

However, the correct behavior, it seems, is to wrap the URL along with the other text. Firefox and Opera wrap it on the / character, while IE wraps it at the % character (which seems worse than /).

Webkit should behave similarly to FF and Opera.

[Alexei Svitkine]

Created attachment 23194 [details]
test case

[Ahmad Saleem]

I am able to reproduce this issue in Safari 16.2 & STP160 where it show horizontal scrollbar because "URL" and some text is not wrapped while in case of Firefox Nightly 110, it does not show horizontal scrollbar.

NOTE - Chrome Canary 111, Safari 16.2 & STP160 all show scrollbar.

Just updating the status to "New" and tagging few others to confirms whether it is something need to be fixed or Firefox need to change behavior. Thanks!

[zalan]

It looks like Gecko sees '\' as a soft wrap opportunity.