Hi. I'm using Google Chrome V7.0.517.8 dev, FireFox V3.6.10, IE8 and Prototype V1.7RC2.
The code I'm using has a LOT of documentation and a page to show what is going on. The code is available at http://pastebin.com/9qGsR5ub. You should be able to cut and paste to a file, edit the location of your prototype V1.7RC2 and run it. So. What is happening to me. If I load the page in any of the browsers at 100% zoom and click on steps 1, 2 and 3 and then look at the stats page, then everything works. Specifically, on the stats page, I see ... i_preLabelHeight 16 a_Labels.invoke('getHeight').max() The largest height of the labels i_preLabelWidth 170 a_Labels.invoke('getWidth').max() The largest width of the labels ... #cbGridContainer label height : 16px; width : 170px; ... i_postLabelHeight 20 a_Labels.first().getLayout().get('margin-box-height') The height of the labels after resizing i_postLabelWidth 170 a_Labels.first().getLayout().get('margin-box-width') The width of the labels after resizing You can run through all the steps at 100% and it all works for me. It isn't the fastest code yet. Now using IE or FF, I can zoom out (making the text smaller) and refresh the page and it still works, all the way down to the largest zoom level. On IE, it gets VERY small. Using Google Chrome though, I get a really odd event. At 100% all fine. Press [CTRL]+[-] to zoom out. [F5] to refresh. Click on Steps 1, 2 3 and then look at the stats. I then see ... i_preLabelHeight 17 a_Labels.invoke('getHeight').max() The largest height of the labels i_preLabelWidth 172 a_Labels.invoke('getWidth').max() The largest width of the labels ... #cbGridContainer label height : 17px; width : 172px; ... i_postLabelHeight 19 a_Labels.first().getLayout().get('margin-box-height') The height of the labels after resizing i_postLabelWidth 171 a_Labels.first().getLayout().get('margin-box-width') The width of the labels after resizing The margin-box-width is actually smaller than the original width. So. Start again. Choose a zoom level. F5 and then choose "all steps". At different zoom levels, the grid will not be right. The calculations which work at 100% for chrome and all levels in IE/FF will be out. It seems that the margin-box-width isn't accurate when zooming in Chrome. Can anyone take a look? Regards, Richard. -- Richard Quadling Twitter : EE : Zend @RQuadling : e-e.com/M_248814.html : bit.ly/9O8vFY -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
