YUI Version 2.2.1 Released, and Graded Browser Support Update

April 9, 2007 at 3:48 pm by Mike Lee | In Development | 17 Comments

Today is the release of version 2.2.1 of the Yahoo User Interface (YUI) Library, and the update to our A-Grade Browser Chart. While the previous release brought new components and significant revisions, this release is primarily about bug fixes. Download the new distribution or point to the new hosted urls to get the latest code. You can read about the fixes in the release notes, though there are two notable changes we’d like to highlight.

DataTable

There’s been a flurry of discussion in the YUI Forums about the DataTable control. Thank you all for testing it out and providing the feedback that we count on, especially during this beta period. DataTable is still a beta control in this release, but it’s much improved now with many significant fixes such as:

The pagination API has been refactored and updated.
Row selection has been changed to better mimic the desktop paradigm.
Scrolling is now customizable via CSS.
Table messaging has been improved for empty and error states.
A number of other smaller fixes, including:
- Links within the body of the table
- Column sorting of empty values
- Fields with the name “id”
- Resizability in the -min build
- And many more!

Event

There’s also been discussion in the blogosphere about window.onload, DOMContentLoaded, and defer. In short, the window.onload event fires after all of the page’s content has been loaded: DOM, images and all. But what if you want to execute your script when just the DOM loads, without waiting for everything else?

Dean Edwards addressed this problem for Internet Explorer and Mozilla/Firefox, and later included an update for embedded JavaScript (from Matthias Miller) and Safari (from John Resig’s jQuery).

We’re happy to announce the inclusion of the onDOMReady event in the Event utility! Now YUI developers can execute their JavaScript when the DOM loads, and before everything else loads too. This utility also provides the onAvailable event, which fires when a specified DOM node loads, and the onContentReady event, which fires when a specified DOM node, plus all of its children, loads.

Graded Browser Support Update

We typically provide an update to our chart of A-Grade browsers at the beginning of each quarter. There are two important changes in this update. First, we’ve initiated A-grade support for Firefox 2.† and IE 7.0 on Windows Vista. Second, we’ve started to use the dagger symbol (†) to indicate a single flexible version number that receives support.

The dagger symbol (as in “Firefox 2.†″) indicates that “the latest single non-beta version at that branch level” receives support. Put another way, “Firefox 2.†″ means we support v2.0.0.4, but not v2.0.0.3 (because it’s not the single newest) nor v3.0 (because that’s outside of the 2.† branch). If Firefox 2.0.0.5 is released, 2.0.0.4 will no longer receive A-grade support; † means “the most recent” instead of “all.”

Having this flexibility for certain browsers allows us keep up with frequently released browsers while still maintaining a sane QA testing footprint.

Share and extend: Bookmark with Yahoo! My Web | Bookmark with del.icio.us | digg it! | reddit!

17 Comments »

RSS feed for comments on this post. TrackBack URI

【YUI】v2.2.1リリース…

YUI Version 2.2.1 Released, and Graded Browser Support Update http://yuiblog.com/blog/2007/04/09/yui-221-released/ Yahoo! UI Library (YUI) http://developer.yahoo.com/yui/…...

Trackback by JavaScript++かも日記 — April 9, 2007 #
Thank you, thank you, thank you for onDOMReady!

Comment by Charles — April 9, 2007 #
Yeah, onDOMReady is working well–thanks!

Comment by Jason — April 9, 2007 #
Are historical versions of the Browser Support Chart available anywhere? I’d like to be able to say to clients “your site will work in all the browsers that the YUI supports as of Q1 2007″–I can’t point them to http://developer.yahoo.com/yui/articles/gbs/ because that page changes every quarter.

Comment by Michael S. — April 10, 2007 #
[...] Yahoo! (well, Dean Edwards did first with their latest YUI release. [...]

Pingback by A Modern Fable (AJM) » Blog Archive » When can you query the DOM? — April 10, 2007 #
While the “most recent version” makes sense, the example is a little ahead of its time. Unless I’ve totally missed something, Firefox 2.0.0.4 isn’t out yet.

Comment by Kelson — April 10, 2007 #
Any chance that the Graded Browser Support page (and the YUI site in general) might explicitly set a white background for the body in the CSS anytime soon? Those pages can be hard to read if you’ve set a different (but overrideable) color for your backgorund.

Comment by VM — April 10, 2007 #
Putting similar policies and processes in place for any design and development environment, large or small, would be a monumental step forward for not only the cause of standards, but improving the quality of the Firefox itself.

Comment by klixi — April 10, 2007 #
@Michael S.,
Your request makes sense. I’ll explore making archives available going forward.

@Kelson,
Doh! You’re right: 2.0.0.4 was in my brain to be the *next* one not the current one. I’ll get that cleaned up in our next push.

@VM,
You’re setting a background color through a user style sheet? If not, how? We generally try to avoid overwriting user’s explicit choices. Perhaps I’m misunderstanding?

Thanks,
Nate

YUI Team, Yahoo!

Comment by Nate Koechley — April 10, 2007 #
In both FF and IE, you can set “default” background colors, but allow pages to override those choices (you can also set those colors to never be overridden, but don’t have to). The YUI site makes a lot of color choices that assume a white background (like orange headers), but don’t explicitly set a white background. So I could have an orange background (that I don’t mind is overridden) that would made the headers virtually invisible.

Accessibility-wise, I think it’s important to set a background color whenever a foreground color is set.

Comment by VM — April 10, 2007 #
[...] Yahoo javascript kütüphanesi güncellenmiş. YUI Version 2.2.1 hatalar giderilmiş ve yeni bazı özellikler eklenmiş. Link [...]

Pingback by Fatih Hayrioğlu’nun not defteri » 11 Nisan 2007 Web’den seçme haberler — April 11, 2007 #
@VM,
Those are good points. Thanks.

Comment by Nate Koechley — April 11, 2007 #
[...] The latest YUI release is out there, 2.2.1. [...]

Pingback by Ajax Girl — April 12, 2007 #
I made a long investigation into onDOMReady and onDOMReady is not an unqualified solution. It has problems now in some strange cases and there is no guarantee that it will work at all in the future. In fact, it should not work in the future if the browsers make good changes.

The window.onload problem (still)

Comment by Peter Michaux — April 12, 2007 #
[...] Source:→ YUI Blog [...]

Pingback by YUI Version 2.2.1 Released » D’ Technology Weblog — Technology, Blogging, Gadgets, Fashion, Life Style. — April 12, 2007 #
I’d always assumed using something like YAHOO.util.Event.onAvailable(‘body’, init); would run the init code when the became available (providing it has an ID of body).

Is this not the case? Would that code wait for images to be downloaded?

Comment by Mike — April 12, 2007 #
[...] YUI Version 2.2.1 released, about window.onload, onDOMReady, onAvailable, and onContentReady. Execute JavaScript when the DOM loads (and before everything else too). It also provides the onAvailable event, which fires when a specified DOM node loads, and the onContentReady event, which fires when a specified DOM node, plus all its children, load. (tags: YUI DOM) [...]

Pingback by All in a days work… — April 13, 2007 #

Yahoo! User Interface Blog (YUIBlog)