Bug 207036

Summary: hyphens in input fields breaks line
Product: WebKit Reporter: marcel_jung
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: RESOLVED FIXED    
Severity: Normal CC: ahmad.saleem792, mmaxfield, ntim, webkit-bug-importer, wenson_hsieh, zalan
Priority: P2 Keywords: InRadar
Version: Safari Technology Preview   
Hardware: All   
OS: All   
URL: https://jsfiddle.net/0sy79a5h/

Description marcel_jung 2020-01-31 03:03:01 PST 
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/
Comment 1 marcel_jung 2020-01-31 03:05:15 PST 
Sorry, little mistake in the example code. 

Should be:

.hyphens {
  -webkit-hyphens: auto;
  hyphens: auto;
  word-break: break-word;
}
Comment 2 Radar WebKit Bug Importer 2020-01-31 21:55:22 PST 
<rdar://problem/59084753>
Comment 3 Ahmad Saleem 2023-06-08 06:12:46 PDT 
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.
Comment 4 marcel_jung 2023-06-08 06:54:07 PDT 
Yes that bug is fixed.
Comment 5 zalan 2023-06-08 07:44:04 PDT 
This is an IFC progression.