Bug 24902

Summary:

Javascript <TR> style.display=block issue

Product:

WebKit

Reporter:

barekm

Component:

New Bugs

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

aday, ahmad.saleem792, ap, bfulgham, rniwa, webkit-bug-importer

Priority:

Keywords:

InRadar

Version:

528+ (Nightly build)

Hardware:

OS:

Windows XP

Attachments:

Description	Flags
Safari 15.5 differs from other browsers	none

barekm

Reported 2009-03-27 15:06:05 PDT

Hi, Please see the html source code below. in google chrome the behavior is strange. click on the top link Hide then click on show. the row hidden in the first click is not retored at the good width after clicking on show !! <html> <body style="font-family:Arial;font-size:8pt"> <script language="javascript"> function showhide(id) { for (var i = 0; i < document.all[id].length; i++) { obj = document.all[id][i]; if (obj.attributes['id'].value == id) { if (obj != null) { if(obj.nodeName=='A') obj.innerHTML = obj.innerHTML=='Hide'? 'Show':'Hide'; else obj.style.display = obj.style.display=='none'? 'block':'none'; } } } } </script> (click on hide then show to see the problem <a id="r2" href="javascript:showhide('r2');">Hide</a>)<hr> <table border="1" width="1040" style="border-collapse: collapse; font-size:8pt"> <tr> <td width="560" colspan="5"align="center">xxxxxxxx</td> <td width="140" align="center" colspan="2">ggg (ggg) (ggg)</td> <td width="140" align="center" colspan="2">ffff (fff) (fff)</td> <td width="200"> </td> </tr> <tr bgcolor="F0F0F0"> <td width="40" align="center">xxx</td> <td width="80" align="center">date</td> <td width="200" align="center">dd</td> <td width="180" align="center">dddd</td> <td width="60" align="center">ffff</td> <td width="70" align="center">fff</td> <td width="70" align="center">fff</td> <td width="70" align="center">fff</td> <td width="70" align="center">fff</td> <td width="200" align="center">fff</td> </tr> <tr id="r2"> <td width="40" align="right">xx </td> <td width="80" align="center">23-Mar-2009</td> <td width="200" title="CANTOR FITZGERALD">xxxxxxxxxxxxxxxxxxxxxx</td> <td width="180" title="NATASHA BOYDEN (3086)">xxxxxxxxxxxxxxxxxxx</td> <td width="60" align="center">42% (9)</td> <td width="70" align="center" style="color:#008000">5.68%</td> <td width="70" align="center" style="color:#008000">4.08%</td> <td width="70"> </td> <td width="70"> </td> <td> </td> </tr> </table> </body></html>

Attachments
Safari 15.5 differs from other browsers (1.04 MB, image/png) 2022-07-30 08:18 PDT, Ahmad Saleem	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Adrian

Comment 1 2009-12-22 01:20:02 PST

This was logged with Chromium as Issue #9433 http://code.google.com/p/chromium/issues/detail?id=9433. They have investigated and concluded it is a WebKit issue. Please can you progress this? "Comment 4 by karen@chromium.org, Today (14 hours ago) this is a webkit issue. happens in safari, as well. can you please file with webkit? thank you!" Thanks Adrian

Ahmad Saleem

Comment 2 2022-07-30 08:18:05 PDT

Created attachment 461305 [details] Safari 15.5 differs from other browsers I changed test case from Comment 0 into JSFiddle below: Link - https://jsfiddle.net/ouwj9a4v/show By doing "Hidden" and "Show", we can see that Safari 15.6 does not display the border of table as can be seen in attached screenshot. While all other browsers (Chrome Canary 106 and Firefox Nightly 105) do show the table border properly as can be seen in the attached screenshot. Just wanted to share updated testing result. Thanks!

Radar WebKit Bug Importer

Comment 3 2022-07-30 09:26:50 PDT

<rdar://problem/97838611>

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