Forums

The Y.Calendar adds in each "pane" a preventDefault() handler to the selectionstart event. I think this is just to avoid selecting the content while interacting with the calendar, to improve the user experience.

The easiest way to disable it is to extend the Y.Calendar and overwrite the method
_preventSelectionStart() with an empty function. Since it's protected, I don't see any problem in doing this.

However, the event wil still be attached. If you just do _preventSelectionStart: null, then the event will not be attached, but your Calendar will log an "invalid callback" error if you has the log enabled.

In your jsfiddle, you do the purge in '#calendar td', but the selectionstart is attached to the pane, which is in a higher hierarchy in the DOM.

maybe if you substitute the purge you did with:
calendar.get('contentBox').purge(true, 'selectionstart');

it might work.

Sorry, but I don't have IE to test it right now.

In firefox, this happens because of the CSS rule:

.yui3-calendar-content:hover .yui3-calendar-day,
.yui3-calendar-content:hover .yui3-calendar-prevmonth-day,
.yui3-calendar-content:hover .yui3-calendar-nextmonth-day {
-moz-user-select: none;
}

which is in calendar-core.css

this will disable the selection for these matching elements.

you can overwrite it by setting its value to text

try setting this using all variations:
-webkit-touch-callout: text;
-webkit-user-select: text;
-khtml-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;

maybe it will work in IE, but I did not found anything in css files IE specific.
Sorry not being able to help on that.