RESOLVED FIXED Bug 225962
Calculated width percent loses the floating point and cause line wrap
https://bugs.webkit.org/show_bug.cgi?id=225962
Summary Calculated width percent loses the floating point and cause line wrap
Roland Soos
Reported 2021-05-18 23:46:55 PDT
Steps to reproduce: 1. Open https://jsfiddle.net/jxd3c08u/2/ What went wrong: Second and third "Hello World" wraps into new line after "Hello" Expected result: "Hello World" should be in one line Cause: The container element of the Hello World text has floating point width: 183.03px. When we use calculated width (calc(100% - 0px)) it cause probably a rounding and the width for that element becomes 183px and the two word no longer fit into that. Firefox and Chrome behaves as expected and there is no line wrap.
Attachments
Screenshot (17.37 KB, image/png)
2021-05-19 00:21 PDT, Roland Soos
no flags
Test reduction (186 bytes, text/html)
2021-05-19 06:40 PDT, zalan
no flags
Test reduction (258 bytes, text/html)
2021-05-19 06:48 PDT, zalan
no flags
Patch (3.75 KB, patch)
2021-05-19 09:04 PDT, zalan
no flags
Roland Soos
Comment 1 2021-05-19 00:21:45 PDT
Created attachment 429038 [details] Screenshot
zalan
Comment 2 2021-05-19 06:40:28 PDT
Created attachment 429043 [details] Test reduction
zalan
Comment 3 2021-05-19 06:48:28 PDT
Created attachment 429045 [details] Test reduction
zalan
Comment 4 2021-05-19 09:04:59 PDT
EWS
Comment 5 2021-05-19 11:18:06 PDT
Committed r277738 (237910@main): <https://commits.webkit.org/237910@main> All reviewed patches have been landed. Closing bug and clearing flags on attachment 429052 [details].
Radar WebKit Bug Importer
Comment 6 2021-05-19 11:19:14 PDT
zalan
Comment 7 2021-05-19 11:41:00 PDT
Thanks for the bug report! -appreciate the test reduction.
Simon Fraser (smfr)
Comment 8 2021-06-22 11:03:32 PDT
*** Bug 227025 has been marked as a duplicate of this bug. ***
Note You need to log in before you can comment on or make changes to this bug.