Bug 225962

Summary:

Calculated width percent loses the floating point and cause line wrap

Product:

WebKit

Reporter:

Roland Soos <roland>

Component:

Layout and Rendering

Assignee:

alan <zalan>

Status:

RESOLVED FIXED

Severity:

Normal

CC:

bfulgham, koivisto, rado, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

Safari 14

Hardware:

All

OS:

All

Attachments:

Description	Flags
Screenshot	none
Test reduction	none
Test reduction	none
Patch	none

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	Details
Test reduction (186 bytes, text/html) 2021-05-19 06:40 PDT, alan	no flags	Details
Test reduction (258 bytes, text/html) 2021-05-19 06:48 PDT, alan	no flags	Details
Patch (3.75 KB, patch) 2021-05-19 09:04 PDT, alan	no flags	Details Formatted Diff Diff
Show Obsolete (1) View All Add attachment proposed patch, testcase, etc.