[Webkit-unassigned] [Bug 177521] New: big padding should push float elements on a new line

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=177521

            Bug ID: 177521
           Summary: big padding should push float elements on a new line
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: All
                OS: macOS 10.13
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: karl+webkit at la-grange.net
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 321933

  --> https://bugs.webkit.org/attachment.cgi?id=321933&action=review

issue on Safari

Initially a behavior creating a Web compat issue for Edge and Firefox. 
Chrome fixed it recently https://bugs.chromium.org/p/chromium/issues/detail?id=754136 and aligned with Firefox and Edge.

Safari is the only one with this issue.

Daniel Holbert provided a reduced test case
 https://jsfiddle.net/doy5okmz/
 https://jsfiddle.net/doy5okmz/2/

HTML:

<div class="container">
  <span class="padded">
      a
      <span class="float">Float

CSS:

.container {
  width: 300px;
  border: 3px solid black;
}
.padded {
  padding-right: 260px;
  border: 2px dotted lime;
}
.float {
  float: right;
  width: 50px;
  border: 2px dotted red;
}

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170927/afea0c9c/attachment.html>