Bug 125673

Summary:

Subpixel layout: <li> element is not sized properly when it is placed inside an inline-block <ul>

Product:

WebKit

Reporter:

zalan <zalan>

Component:

Layout and Rendering

Assignee:

zalan <zalan>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

hyatt, jonlee, simon.fraser, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

528+ (Nightly build)

Hardware:

Unspecified

OS:

Unspecified

Bug Depends on:

Bug Blocks:

126283

Attachments:

Description	Flags
test case	none

Description zalan 2013-12-12 20:20:03 PST

Created attachment 219146 [details]
test case

<li> has an extra pixel at the right edge.

<html>
<head>
  <style>
    ul {
      display: inline-block; 
    }
    
    span {
      border: 1px solid green;
    }
    
    li {
      border: 1px solid red;
      margin: 0px;
    }
  </style>
</head>
<body>
  <ul>
    <li>
      <span>there should not be a pixel gap between the green and the red border at the right side. foo.</span>
  </ul>
</body>
</html>

Comment 1 zalan 2013-12-12 20:26:09 PST

<rdar://problem/15653832>

Comment 2 zalan 2014-01-19 17:37:07 PST

We match FF (v26) rendering.