Bug 207036 – hyphens in input fields breaks line

• Status: RESOLVED
• Resolution: FIXED
• Component: CSS

If you assign the following CSS to an input field, the field breaks the text into several lines, which in my opinion should not happen.

.hyphens {
  -webkit-hyphens: car;
  hyphens: auto;
  word-break: break-word;
}

Example:
https://jsfiddle.net/maisen20/1edL3ko7/2/

Sorry, little mistake in the example code. 

Should be:

.hyphens {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
}

[Radar WebKit Bug Importer]

<rdar://problem/59084753>

[Ahmad Saleem]

Update test case: https://jsfiddle.net/0sy79a5h/

^ It seems to work fine in Safari 16.5, Chrome Canary 116 and Firefox Nightly 116 and don’t breaks the text into several line.

Yes that bug is fixed.

[alan]

This is an IFC progression.