Bug 16251

Summary:

www.nytimes.com : Images are not aligned properly because of float:none

Product:

WebKit

Reporter:

Anantha Keesara <anantha>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, bfulgham, deepak.m1, robert, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

URL:

http://www.nytimes.com/pages/technology/index.html?adxnnl=1&adxnnlx=1196615233-5VgwAEc21XfZRmT5aoW0qg

Attachments:

Description	Flags
reduction	none
Safari 15.6 differs from other browsers	none
All browsers match now	none

Anantha Keesara

Reported 2007-12-02 09:20:03 PST

Go to above mentioned URL, click on skip the advertisement link to go to the actual page. Scroll down the page and notice that the images on right side are not aligned properly. Only Safari has this issue. Tested with: WebKit-SVN-r28278

Attachments
reduction (609 bytes, text/html) 2007-12-02 09:21 PST, Anantha Keesara	no flags	Details
Safari 15.6 differs from other browsers (720.92 KB, image/png) 2022-08-07 07:37 PDT, Ahmad Saleem	no flags	Details
All browsers match now (189.55 KB, image/png) 2023-12-17 06:44 PST, Ahmad Saleem	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Anantha Keesara

Comment 1 2007-12-02 09:21:17 PST

Created attachment 17648 [details] reduction

Robert Hogan

Comment 2 2012-09-26 13:00:24 PDT

WebKit and FF render the reduction the same - they both shift the float:none box out as far to the right as it will go. This seems correct to me per the spec: http://www.w3.org/TR/CSS2/visuren.html#floats I'd like someone else to agree with me before closing though!

Deepak Mittal

Comment 3 2014-02-13 22:26:54 PST

I am observing same behavior for the reduction test in FF and the Webkit latest code.. Please check and confirm..

Ahmad Saleem

Comment 4 2022-08-07 07:37:26 PDT

Created attachment 461462 [details] Safari 15.6 differs from other browsers I am able to reproduce this issue in Safari 15.6 on macOS 12.5 and as can be seen from attached screenshot, Safari differs from other browser. I am going to mark this as "NEW". Thanks!

Radar WebKit Bug Importer

Comment 5 2022-08-07 10:19:44 PDT

<rdar://problem/98278334>

alan

Comment 6 2022-08-08 09:03:20 PDT

(In reply to Ahmad Saleem from comment #4) > Created attachment 461462 [details] > Safari 15.6 differs from other browsers > > I am able to reproduce this issue in Safari 15.6 on macOS 12.5 and as can be > seen from attached screenshot, Safari differs from other browser. I am going > to mark this as "NEW". Thanks! FF and Chrome screenshots look odd (1. the content should not collapse completely. 2 I can't repro your screenshot at all on FF/Chrome). Could you test again please? Thanks!

Ahmad Saleem

Comment 7 2022-08-08 15:56:06 PDT

I am getting same screenshot, I tried to look into HTML & CSS source to see if there is any prefix causing the collapse but there was none. I changed it into JSFiddle to add ; at the end and spacing to see, if it is something wrong but same result. Link - https://jsfiddle.net/fk8murx7/ Chrome Canary Version 106.0.5227.0 (Official Build) canary (arm64) - Private Mode Firefox Nightly 105.0a1 20220808092108 I am happy to give remote control to show you the output. Thanks!

Ahmad Saleem

Comment 8 2023-12-17 06:44:55 PST

Created attachment 469099 [details] All browsers match now For some reason, all browsers are now matching, so marking this as 'RESOLVED CONFIGURATION CHANGD'.

Note You need to log in before you can comment on or make changes to this bug.