Bug 207036
| Summary: | hyphens in input fields breaks line | ||
|---|---|---|---|
| Product: | WebKit | Reporter: | marcel_jung |
| Component: | CSS | Assignee: | 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/ | ||
marcel_jung
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/
| Attachments | ||
|---|---|---|
| Add attachment proposed patch, testcase, etc. |
marcel_jung
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.
marcel_jung
Yes that bug is fixed.
alan
This is an IFC progression.