UI Issue with latest Chrome update - Table Alignment
Reported by
joeupri...@gmail.com,
Apr 27 2016
|
||||||||||||||||
Issue descriptionChrome Version 50.0.2661.87 m (64-bit) and (32 bit): URLs (if applicable) : N/A Other browsers tested: IE (11): OK Opera: OK Firefox (45.02): OK What steps will reproduce the problem? (1)Accessing our internal Order Entry system using the Chrome browser What is the expected result? For the column headers to align with the column data. What happens instead? Table is skewed. Alignment is no longer giving the expected results. Please provide any additional information below. Attach a screenshot if possible. ----- Attachments included with screenshots
,
Apr 28 2016
Hello - Thank you for your response. I apologize, this email should have come from my other gmail id - joe.upright@cseideas.com. I am usually logged into both in one browser session so that I can see both of my emails come into two different tabs and didn't realize that I created this ticket under my personal email. The OS details are as follows: Windows 7 Windows 10 not tested on Windows 8/8.1 As far as providing a (.html) file - I am not sure what exactly I am able to provide (due to confidentiality agreements) and what exactly you would be looking for me to provide. This is an internal Order Entry application that is running on an Apache server. It is using PHP to connect to a DB2 database (IBMi/AS400). It uses CSS, HTML/HTML5; JavaScript, jQuery, nothing too extraordinary.... I can provide some of the HTML code out of the Developer Tools if you would like to see the output so that you can see the formatting of the tags. Please advise..... joeupright@gmail.com Joseph S. Upright Information Systems - Senior Software Developer/Analyst Cell: 262-496-6657
,
Apr 28 2016
Thank you for the update. It is very difficult to reproduce the bug w/o a repro case. Any kind of "https://jsfiddle.net/" sample would do.
,
Apr 28 2016
,
Apr 29 2016
Thank you for providing more feedback. Adding requester "manoranjanr@chromium.org" for another review and adding "Needs-Review" label for tracking. For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
,
Apr 29 2016
Having issues getting this created in jsfiddle. On a side note. I tried this application using an iPad Pro running iOS version 9.3.1 and interestingly enough, it renders correctly using both Safari and Chrome. Chrome on the iPad is running version 50.0.2661.77.
,
Apr 29 2016
joeupright@, thank you for the update. Please feel free to file a new bug for any further issues with chrome in future.
,
Apr 29 2016
I will, but there is still an issue here. I was just reporting additional information. The issue seems to be particular to Windows as there is no issue present in iOS. joeupright@gmail.com Joseph S. Upright Information Systems - Senior Software Developer/Analyst Cell: 262-496-6657
,
Apr 29 2016
oops. My bad. Thank you for the update.
,
May 2 2016
,
May 3 2016
I've encountered the same bug it seems. I cannot get it to work in JsFiddle or Codepen, but i've been able to distill it into this HTML + CSS: http://chrome-table-bug.draad.nu/ This seems to work perfectly in chrome 49.0.2623.112 but in the latest version (50.0.2661.94) it all goes haywire.
,
May 3 2016
This definitely Looks like the same bug to me. Now that you have been able to recreate it in a reproducible format, hopefully they can help to resolve the issue. I was having an issue reproducing this in jsFiddle as well.....
,
May 3 2016
TE team, can you bisect using the screenshots in comment 11 as a guide? rudi@ or joeupright@, the reproduction is huge. If either of you could reduce it (much) further, it will help the bug get fixed sooner.
,
May 3 2016
Let me narrow it down.
,
May 3 2016
Here is the narrowed change log: https://chromium.googlesource.com/chromium/src/+log/68e4a44544f40cc9cfb090f1a37eca3dd6b12827..95773a85549dc14dbb42d665dadd7875d05df0a1 nainar@, could you please look into this change (https://chromium.googlesource.com/chromium/src/+/95773a85549dc14dbb42d665dadd7875d05df0a1) ? Thank you!
,
May 3 2016
rudi, joeupright, you were having trouble reproducing in jsfiddle because the change only affects quirks mode. To get out of quirks mode add <!doctype html> as the first line of your html. Though I don't know if that will have the effect you desire...
,
May 3 2016
Hi!
Thank you so much for raising this issue. As well as providing a test case. :)
Unfortunately the fix in #16 was an Interop one. Which means the change to Chrome was made to make Chrome align with other browsers as well as spec. The test case provided in #11 repros the same in the latest stable Chrome and Firefox.
To get it to render as it used to please apply the following sty;es on all td elements
td {
display: table-cell;
float: none;
}
I am terribly sorry for the inconvenience this causes the developers. However, this change helps us be more consistent with other browsers. I am marking this issue as WontFix. Please feel free to comment here in case I can help in any other way.
,
May 3 2016
,
May 4 2016
This was for a web application that enforced Google Chrome for other reasons, so this was never tested in other browsers. Your fix however resolved this issue! nainar@ Thank you very much for looking into this and providing a fix!
,
May 16 2016
Issue 611033 has been merged into this issue.
,
May 17 2016
I disagree with the status of Won't Fix. This is critical for our business where our legacy applications that worked perfectly on Chrome 49 now do not work on Chrome 50. Many of our customers who have now been updated to Chrome 50 now see this issue. Please see issue 611033 that has been merged with this. I understand that in Standards mode the browser should comply with spec, however in quirks mode it should continue to work as it did before. Regards, Gary
,
May 17 2016
P.S. I have also applied the workaround suggested on the reproducible for issue 611033 and it does not resolve the cell alignment issue. |
||||||||||||||||
►
Sign in to add a comment |
||||||||||||||||
Comment 1 by manoranj...@chromium.org
, Apr 27 2016