YUI 3 :: {47} Tickets Addressed in 3.3.0

Double Reverse Glitch

It seems as though when you reverse an animation, then reverse it again it doesn't update the motion correctly.

Reversing an Animation example not working in latest build

launch the following from .zip or yuibuild

.../lastSuccessful/examples/anim/reverse.html

all browsers tested so far (IE6, IE7, FF 3.6.12) display error:
Error: Object doesn't support tis property or method

Add support for named effects

Any plans to implement scriptaculous' Effect.Grow() effect?

Being able to perform an animation on a NodeList

Animation could take a nodelist or a selector returning a nodelist, and run animtion on each node, but firing event as if they where on the nodelist

Add string argument support for animation timing in anim and transition

Add string argument support for animation timing

Setting an attribute is not reentrant with respect to its on-change handler

If you attempt to set a new value to an attribute during its onChange handler, the after event is fired with the incorrect value. This is against YUI git commit d668a4f980d75e936d3ae9e8efb36c6964dea176

lazyAdd and valueFn

My understanding of the spec is that lazyAdd, which defaults to true, should not initialize the attribute with the default value. The default value could be specified via the value or the return of the valueFn property on the attribute's configuration.

Assuming this being the right interpretation; my attributes configured in the static ATTRS property on a Class which extends Base are having their valueFn's called during the class instance's initialization lifecycle. Is there a specific reason for this?

Diving into the current code on GitHub, I've noticed a couple things.

Attribute::addAttrs delegates to a private _addAttrs method.

The _addAttrs implementation takes in a lazy boolean param but doesn't respect it.
http://github.com/yui/yui3/blob/master/src/attribute/js/Attribute.js#L889

The value is eagerly fetched for each attribute passed to the _addAttrs method via the configs param:
http://github.com/yui/yui3/blob/master/src/attribute/js/Attribute.js#L903

_addAttrs does it's eager value fetching by calling into _getAttrInitVal, which also doesn't respect the lazyAdd:
http://github.com/yui/yui3/blob/master/src/attribute/js/Attribute.js#L970

Not possible to use a string URL source and requestTemplate together

Reported by Matthew Seeley:

I was unable to get `requestTemplate` and `source` to work together.

requestTemplate: "c=10&f=jsonp&q={query}&callback={callback}",
source: "./data/source.php"

I expected the two parameters to be joined to form a URL similar to:
./data/source.php&c=10&f=jsonp&q=foo&callback=A.Callback.Function

Instead no request was sent. So, I fell back to use:
source: "./data/source.php?c=10&f=jsonp&q={query}&callback={callback}"

Results are incorrect for queries with a resultTextLocator and duplicate text values

If you are using the Autocomplete with a resultTextLocator field and your server returns multiple rows for a particular text value (but different data values in the raw response), then the results will have the wrong raw data (all rows with the same text locator will have identical raw data in the resultFormatter function, for example.

The problem is in this piece of code:

if (textLocator) {
raw = YArray.map(unfiltered, textLocator);
textLocatorMap = YArray.hash(raw, unfiltered);
}

because the duplicate textLocator values are mapping to the same hash key, raw data is only preserved for the last one added.

AutoComplete invisible filter output

When the AutoComplete is being rendered while the input is not visible or has a width of 0.
AutoComplete's output will assume a width of 0 thus become not visible.

Default behavior on plugging an input shouldn't be to show AC

It seems to me that the default behavior of AC shouldn't be to immediately show the drop-down list when it is plugged into an input node. However if you plug a node that has a current value set, and that value exceeds the minQueryLength, the drop-down shows, and it looks like it's due to the value triggering the _afterValueChange handler.

Redraw glitch in ac_flickr example in IE

in IE7, if i launch ac_flickr example
type in a search term (i happened to use pie)
notice the dropdown list appears

click the scroll bar to scroll down the page
click scroll bar again to scroll back up
in IE7 menu was erased but pie pictures still remain
pictures will erase if you drag mouse over the menu item area

works OK when running in new window on IE7, works fine in both views Safari and Firefox

AutoComplete needs a ReadMe file

For this release simply the "New for 3.3.0" comment is needed but it gives us something to build on for the future.

I know, picky, picky, picky.

Lightweight base component with minimal dependencies

to include:
- Implement base API and event(s)
- Monitor input/textarea for text changes, including paste and IME input (using valueChange)
- Support minimum query length and query delay

AutoComplete mixin module for accent folding

new for YUI 3

AutoComplete mixin module for configuratble delimeter characters

new for YUI 3

AutoComplete mixin module for query matching alternatives

new for YUI 3

to include:
- match case
- starts with (default)
- contains
- subset

Result retrieval and formatting

Result retrieval and formatting using DataSource or any DataSource-like object to retrieve results

Basic result formatting using DataSchema or any DataSchema-like object

new for YUI 3

Query highlighting / reverse highlighting in AutoComplete

new for yui 3

WidgetParent/WidgetChild/Overlay-based result container positioned to match X pos and width of input field, and with a header/body/footer module layout

new for yui 3

Options for showing/hiding the container, including animation and always show

new for yui 3

Selection state management with highlighting and pre-highlighting support

new for yui 3

also to include:
- ability to continue typing in input field after changing selection

Option to suppress input updates

prevent input field form updating on selection change

Lozenge-style autocomplete

new for YUI 3

AutoComplete example demonstrating basic local data

new for yui 3

AutoComplete example demonstrating basic remote data

new for yui 3

AutoComplete Example: Customizing Remote Requests

new for yui 3

AutoComplete Example: Custom Formatting with a Remote DataSource (using YQL)

new for yui 3

AutoComplete Example: Tagging example with container always shown

new for yui 3

AutoComplete Example: Find photos on Flickr

new for yui 3

AutoComplete Example: Use AC-base to filter a set of existing items on the page (no suggestion list), such as filtering photos based on metadata

new for yui 3

AutoComplete landing page update

update for revised implementation

[bz 2072592] Reverse Autocomplete

Allow people to change the terms at the beginning of a query and have it update with a new set of suggestions

Example link on internal server referenced in bugzilla bug.

Extract AutoCompleteList keyboard handling into a separate module; don't load for mobile devices

Extract AutoCompleteList keyboard handling into a separate module; don't load for mobile devices.

Allow result filters and highlighters to be specified as strings

The resultHighlighter and resultFilters attributes, when set to a string, should treat the string as the name of a method on Y.AutoCompleteHighlighters or Y.AutoCompleteFilters (if loaded).

need to replace redundant AutoComplete Examples string on examples page

.../lastSuccessful/examples/autocomplete/index.html

Has a page title of

AutoComplete: Examples

immediately followed by a component description of simply

AutoComplete Examples

If time permits it would be good to add a 1-2 sentence summary description of AC to the page to be more consistent with the other components. This is located in templates/examples/data/autocomplete/autocomplete.php. An example:
.../lastSuccessful/examples/overlay/index.html

Autocomplete: Competitive analysis and feature spec

ticket to track task completion

AutoComplete Design review

Task to track completion of the design review for AutoComplete

AutoComplete Accessibility review

Task to track completion of the accessibility review for AutoComplete

AutoComplete code review

Task to track completion of the code review for AutoComplete

Verification of API docs prior to release

Task to track the verification of the AutoComplete API docs for revised implementation

Attribute Calls valueFn even if an attribute is not needed because the attribute is being loaded lazily

If you inspect Attribute.js:914, _addAttrs calls _getAttrInitVal(). This function will call the valueFn (Attribute.js:995) even if the value is discarded because the attribute is being loaded lazily.

This is a problem because some attribute valueFn's in Widget depend on other Attributes and it causes some lazy attributes to be initialized too early.

Base.toString() inadvertently sets _yuid property

I noticed that my object inherited a very handy property _yuid that I could use to identify each instance on a hash. When I tried it, they were all undefined, when I debugged them, they were all fine. As it happens, Base method toString() stamps objects when called. So, when I debugged, it was the act of watching the object on the debugger that was stamping my object.

It makes no sense to have stamp there. toString has no business having secondary effects on the object such as stamping it. Even if stamp() was used in readOnly mode, then toString has no business reporting what is not really there as each call to stamp() would produce a different id.

Stamping is not a bad idea for Base, but it should be moved to the initializer but, if not otherwise stamped, it should certainly not happen in toString() because that would make developers believe there is such a thing as a stamp on it. toString should cause no secondary effects.

JS error when constructing a Base when Mootools-1.3-compat is included on the page

When mootools 1.3 (compatibility version) is included on the page, you get a JS error when trying to instantiate a built Base class

I've seen a couple different flavors of specific errors:

- "Function.prototype.toString called on incompatible object"
- "this.init is undefined: this.init.apply(this, arguments);" in the Base() constructor, base.js line 100
- "this._protectAttrs is not a function: host.addAttrs(this._protectAttrs(attrs));" in the Attribute() constructor, attribute.js line 223

YUI Cache.* throws security exception in Firefox 3.6 when dom.storage.enabled = false

Some of our users manually/or use plugins to disable localStorage. Unfortunately, Firefox 3.6 SETS w.globalStorage even if it is disabled, but throws a security exception on any kind of access to the object. Anytime you touch it in needs to be wrapped in a try/catch

Add a brief description of cache to its examples page

.../lastSuccessful/examples/cache/index.html

simply includes

The Cache Utility.

as the component example. If time permits it would be good to add a 1-2 sentence summary to the page to be more consistent with the other components in templates/examples/data/cache/cache.php. for example:
.../lastSuccessful/examples/overlay/index.html

Unable to render chart without visible axes.

Chart does not render without 2 visible axes. Charts should render without axes.

Alpha value only works when passed in as string

When setting series styles, alpha only works when passed in as a string value.

Axis: maximum, minimum, automax, automin, roundMinAndMax are not working in all cases.

The above attributes do not work in all combinations.

Rotated Axis Labels look very bad in IE9

When labels are rotated in IE9 they are not readable.

Charts needs a ReadMe file

For this release simply the "Initial release." comment is needed but it gives us something to build on for the future.

I know, picky, picky, picky.

Tooltips only appearing for last column in column Chart in Chrome

I was preparing to use Charts on a blog post I am going to be publishing tomorrow, and I pulled Charts from git master. At some point, and I didn't notice precisely when (I'm still looking), the tooltip stopped working correctly in Chrome 8.0.552.215, and will only appear on the last column in the column chart. I have tested against Firefox 4b7, Safari 5.0.3 and IE8. The Gist at the included URL is the HTML5 document with included JavaScript I was testing.

Axis does not calculate size correctly for rotated labels in IE.

Charts do not render in android

Charts - IE 7 issues

Intermittently on IE7 charts do not render properly.

Chart creation is many times slower in IE8 than in other browsers (e.g Firefox 3).

I can see from the profiler that the swfObj.write(container) function all in _embedSWF seems to be the problem.
In one profile run it took 6313 seconds for 9 charts. However when you click down in the profiler isn't not at all clear where the time is spent. There are loads of "JScript - script block" with 0.00 time.

I've attached a test case which has 16 charts spread across two tabs.

The initial page load takes much longer in IE8 even though the charts themselves had no dataSource at this stage. When you click on the other tab you get another long delay as the second set of 8 charts are drawn.

The funny thing is that once the charts are first drawn switching between tabs of charts is faster in IE than in Firefox. Firefox seems to redraw the charts every time you switch to the tab but IE doesn't.

It would be really nice to get to the bottom of this as its currently blocking IE users from using the chart feature of our portal.

The attached example also shows another chart funny in that if you set the chart datasource for a non-visible chart you get errors in Firefox. The workaround is to only set the datasource when the chart is visible. The workaround works fine for Firefox but IE show only part of the chart for when you swtich tabs.
In my full implementation I've worked around this by only creating the chart when the tab first becomes visible. This seems to solve the problem.

Charts with wmode=transparent show up blank when printed in Firefox

The summary pretty much says it all; the charts look fine in the browser but are replaced with blank space in the Print Preview and on the printed page. The problem does not happen in IE8.

The comments on this blog appears to have a fix: http://www.rooftopsolutions.nl/article/79

Charts - reverse property on axis toggles on resize of widget

If you apply the reverse property to a categoryAxis and then cause the widget to be resized, then the reversed order of the axis will become unreversed, reversed, unreversed etc...
This feature used to work but not in the latest version: 2.8.0rc4

animationEnabled true and adding legend

Hello,

When i add a legend style in (Basic Styling), then the animation (animationEnabled) doen't work

setting showLabels to false on a chart axis leaves empty space where the labels would be

I was expecting that the space for the labels would be completely removed when setting showLabels to false

Core Renderer Implementation

Implementation of core renderers for YUI 3 Charts
- Dot
- Horizontal / Vertical histogram

Data Tips: Basic

new addition for YUI 3 charts

Area chart

new addition for YUI 3 charts

Stacked Area chart

new addition for YUI 3 charts

Grid Renderer

new addition for YUI 3 charts

Renderer: Pie Chart

new addition for YUI 3 charts

Renderer: SparkLines / SparkBars

new addition for YUI 3 charts

enable full chart events

right now, the only events available respond to data items (points, bars, or slices). however it would be useful to have events that respond at any point on the chart.

Add ability to have axis labels with duplicate names

Currently, a chart will merge instances containing the same label. This is the expected behavior but there are legitimate use cases for having multiple instances of the same label on an axis. This functionality should be added.

http://tech.groups.yahoo.com/group/ydn-javascript/message/44423

[imported, BZ 2540350]

Multiple colors within series

When displaying a cartesian chart, there is a use case in which a user would like each item in the series to have a different color. Currently, all series items share the same color, this makes sense as it makes it easy to distinguish
between different series but when there is a single series in a chart, the user may want each item to have a different color.

[imported, BZ 2318953]

Create event to fire after chart renders

Charts does not fire an event after rendering. This would be useful.

http://tech.groups.yahoo.com/group/ydn-javascript/message/35278

[imported, BZ 2260861]

Allow for curved line charts / support for key points

A request has been made for curved line charts.
http://tech.groups.yahoo.com/group/ydn-javascript/message/38194
Need to decide on the best implementation. (e.g. new chart type or line chart style)

[imported, BZ 2239443]

Pie Chart Orientation

I've a problem regarding the yui pie chart. The Orientation of yui-pie Chart is reverse compare to the Normal pie chart, I have shown this issue in a screenShot, attached along with this email.we shall have facilities in yui-chart that we can control upon this orientation and as well the start-angle.

Add option to hide chart tip on click.

Let's say I have a column chart, that uses data tips. Upon clicking on a column in the chart, I will "drill down" a reload the data source. After this happens, the data tip is still visible from the previous data set.

Would it be possible to add an option to either
a) Hide the tooltip programmatically using a method call
b) Add an option on the chart to hide the tip on click?

Thanks.

Refactor javascript text formatting functions

Communication between Flash and the DOM is takes a lot of bandwidth. This is problematic when building charts with a lot of axis labels.

[imported, BZ 2574542]

Implement YUI Charts Title

Hi,
Currently we have no support for Chart-Title in the YUI-Charts. The Char-Title is very important part of the Charts, without the Title as the part of the Chart, its look something missing as a whole. Currently we have been helplessly implementing Chart Title outside the Chart-Area of swf using the HTML tag, which looks a kind of not a part of Chart and likely a cheap presentation. Moreover YUI-Charts have done so much implementation regarding the properties of Charts, why not giving this naming, Title as the part of YUI-Charts.
It will be very nice to see this feature in coming release of YUI-Charts.

Thanking you
Shrestha Ramesh

Performance issues with large datasource result and flash serialization

Currently (2.8.0r4) there seems to be a performance / scalability issue with the widget.Chart component.

Whenever the _loadDataHandler() function is called the series definitions of the chart are getting copied.
Each of the copied definitions will also get a reference to response.result set:
currentSeries.dataProvider = response.results;

So far this seems to be no problem at all since its only a reference. However, what I'm guessing is that during the JS->Flash serialization the 'dataProvider' field seems to be deep-copied each time for each series.
The performance impact is significant, especially with line charts with lots of series and data.

My suggestion is that only the xField and yField of the chart and series should be used when setting currentSeries.dataProvider. I've tested this locally and got a great performance gains.

Style Markers Separate from Series on Mouseover

When interacting with a chart it would be useful to highlight the marker that a user is mousing over. Already, a data tip appears with useful information on a per marker mouseover basis, so the idea of applying styles to the marker at that time is a natural extension of the already available functionality.

Charts landing page needs to be updated.

Need to update landing page based on comments from team review.

Charts - default background/gridline color need to be changed

Windows IE renders in such a way the the gridlines and background are difficult to distinguish. This is not reproducable on a virtual machine. You must use an actual windows box to reproduce. Need to change default colors.

Charts gridline example needs different grid color.

The grid color specified in the example does not have enough contrast on windows machines.

Performance improvements for non-native Y.Array.map(), and possibly others

The non-native implementation of Y.Array.map() currently uses Y.Array.each() to iterate over the provided array. Since browsers without a native map() are also unlikely to have a native each(), this results in bad performance compared to an implementation that just uses a for loop.

I created a jsPerf test to test this: http://jsperf.com/native-array-map-vs-emulated/2

It looks like duping the input array using concat(), iterating with a for loop, and replacing the duped items with the callback output is the fastest of the non-native implementations tested.

At a glance, it looks like the non-native implementations of filter(), reduce(), partition(), and zip() could also benefit from using a for loop instead of each().

[Pull Request] - toJSON implementation for ArrayList

This commit provides a toJSON implementation for ArrayList that presents it as if it were an array.

getElementsBy of compat.js does not work

It uses YUI.DOM.byTag, which does not exist

compat.js does not register YUI 2 Dom module

Tried using YUI 2 Loader with the compat module, and saw that the YUI 2 Dom module was downloaded.
Have verified the issue by using a local copy of compat.js and adding a YAHOO.register statement for Dom.

compat.js does not use dom-style-ie

Not really sure that this is a bug, could be something wrong with my configuration, but including the dom-style-ie.js file on the page does not cause it to be used by YUI, ends up going to the native getComputedStyle method in IE.

YUI Configurator emits "&" instead of "&"

When selecting more than one component, the Configurator uses an ampersand "&" (that is, U+0026 ampersand) in the script tag's src attribute.

An ampersand has special meaning in HTML: it's used to specify entities. A literal ampersand should be specified as "&" (that is, U+0026 ampersand followed by the string "amp;").

http://www.whatwg.org/specs/web-apps/current-work/multipage/tokenization.html#attribute-value-(double-quoted)-state

Cookie examples should have more in your face logging

The example pages load, and don't to anything unless you have a native console open (which is not an option for IE6/7, Android).

Errors in Grids landing page

In the introduction it says:

A "grid" (yui3-g) contains one or more "units" (yui3-g)

shouldn't the last one be yui3-u?

In the example where it has:

</div>
</div>
</body>

5/24ths plus 9/24ths adds up to 14/24ths, what happens with the other 10/24ths, some 'out of the body experience'?

[bz 4177544] Documentation typo regarding yui3-g

A "grid" (yui3-g) contains one or more "units" (yui3-g).

The second yui3-g should be yui3-u, I believe.

cssgrids documentation links to non-existent topic

the cssgrids documentation on the developer site lists a topic "Nested Grids" which does not appear on the site.

On this page:

http://developer.yahoo.com/yui/3/cssgrids/

There is a link to:

http://developer.yahoo.com/yui/3/cssgrids/#nesting_grids

But no topic with the anchor #nesting_grids

Grid Units Example Wraps the bottom 24th's based rows in IE6

The bottom few rows based on the 24th's units, seem to wrap units in IE6.

DataSchema null-related test failures on IE9

â�� DataSchema Test Suite on Internet Explorer (9.0) / Windows
17 passed, 4 failed
in XML Tests
testXMLMeta Expected rootatt.
Expected: 0 (number)
Actual: null (object)
testXMLComplex Expected rootatt.
Expected: 5 (number)
Actual: null (object)
in HTML Tests
testSingleTbody Expected first result.
Expected: 12 (number)
Actual: null (object)
testMultipleTbody Expected first result.
Expected: 12 (number)
Actual: null (object)

Remove .queryAll from example

.queryAll -> .all

Enhance DataSchema.JSON to add locators

DataSchema-JSON could be easily modified to allow the use of locators in the schema
This would:
[1] allow an easy translation to a common format from different datasources and
[2] allow for simpler key names when extracting values from deeply nested data.

Example for 1) Given two resonably similar data sets:

Data1 = {
"total":3,
"results":[
{"n":1, "fname":"George", "lname":"Washington"},
{"n":2, "fname":"John", "lname":"Adams"},
{"n":3, "fname":"Thomas", "lname":"Jefferson"}
]
}

Data2 = {
"qtyhits":3,
"results":[
{"id":1, "firstname":"George", "lastname":"Washington"},
{"id":2, "firstname":"John", "lastname":"Adams"},
{"id":3, "firstname":"Thomas", "lastname":"Jefferson"}
]
}

We can easily a common structure to represent both:

Schema1 = {
metaFields: {total:"total"},
resultListLocator: "results",
resultFields: [{key:"User ID", locator:"n"}, {key:"First Name", locator:"fname"}, {key:"Last Name", locator:"lname"}]
}

Schema2 = {
metaFields: {total:"qtyhits"},
resultListLocator: "results",
resultFields: [{key:"User ID", locator:"id"}, {key:"First Name", locator:"firstname"}, {key:"Last Name", locator:"lastname"}]
}

Example for 2) The data structure has been modified to include a nested object. We extract values from the nested object.

Data3 = {
"total":10,
"results":[
{"n":1, president:{"fname":"George", "lname":"Washington",
{"n":2, president:{"fname":"John", "lname":"Adams"},
{"n":3, president:{"fname":"Thomas", "lname":"Jefferson"}}
]
}

Schema3 = {
metaFields: {total:"total"},
resultListLocator: "results",
resultFields: [{key:"User ID", locator:"n"}, {key:"First Name", locator:"president.fname"}, {key:"Last Name", locator:"president.lastname"}]
}

The changes required to implement this are minor and consist of modifying _getFieldValues by adding the locator variable, setting it to the supplied value or the key value and using the locator value in the SchemaJSON.getPath call instead of the key value:



        _getFieldValues: function(fields, array_in, data_out) {

            var results = [],

                len = fields.length,

                i, j,

                field, key, locator, path, parser,

                simplePaths = [], complexPaths = [], fieldParsers = [],

                result, record;

// First collect hashes of simple paths, complex paths, and parsers

            for (i=0; i<len; i++) {

                field = fields[i]; // A field can be a simple string or a hash

                key = field.key || field; // Find the key

                locator = field.locator || key; // Find the locator if it exists

// Validate and store locators for later

                path = SchemaJSON.getPath(locator);

...

Attached is the modified dataschema-json.js

Add a brief description of dataschema to its examples page

.../lastSuccessful/examples/dataschema/index.html

simply includes

The DataSchema Utility

as the component example. If time permits it would be good to add a 1-2 sentence summary to the page to be more consistent with the other components in templates/examples/data/dataschema/dataschema.php. for example:
.../lastSuccessful/examples/overlay/index.html

Make DataSource IO and Get callback functions not anonymous

Using anonymous functions for the callback handlers in DataSource.IO and DataSource.Get makes adding plugins difficult, can they be moved to properties of the constructor so they can be intercepted via doBefore, etc?

Column not resorting on first click in "Sorting" example

The second table in the "Column Sorting" example doesn't reverse the sort of the table when clicking on the header of the first column (the column the data is initially sorted by).

This appears to be a recent change, since I just witnessed it working on Tilo's machine before he pulled the latest sources.

Verified in Chrome and FF4. I didn't test others, but I doubt it's browser-specific.

DataTable landing page not being loaded on build machine site content

if you attempt to load /yui/3/datatable/ from the build machine all you get is white screen. The following error is displayed on IE7:

The website can not display this page HTTP 500