Bug 207036 - hyphens in input fields breaks line
Summary: hyphens in input fields breaks line
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari Technology Preview
Hardware: All All
: P2 Normal
Assignee: Nobody
URL: https://jsfiddle.net/0sy79a5h/
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-01-31 03:03 PST by marcel_jung
Modified: 2023-06-08 07:44 PDT (History)
6 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
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.