diff --git a/examples/transform-feature.html b/examples/transform-feature.html
index d768c106a6..cfb1407b62 100644
--- a/examples/transform-feature.html
+++ b/examples/transform-feature.html
@@ -14,29 +14,14 @@
function init(){
map = new OpenLayers.Map('map', {allOverlays: true});
- // context for appropriate scale/resize cursors
- var cursors = ["sw-resize", "s-resize", "se-resize",
- "e-resize", "ne-resize", "n-resize", "nw-resize", "w-resize"];
- var context = {
- getCursor: function(feature){
- var i = OpenLayers.Util.indexOf(control.handles, feature);
- var cursor = "inherit";
- if(i !== -1) {
- i = (i + 8 + Math.round(control.rotation / 90) * 2) % 8;
- cursor = cursors[i];
- }
- return cursor;
- }
- };
-
// a nice style for the transformation box
var style = new OpenLayers.Style({
- cursor: "${getCursor}",
+ cursor: "${role}",
pointRadius: 5,
fillColor: "white",
fillOpacity: 1,
strokeColor: "black"
- }, {context: context});
+ });
// allow testing of specific renderers via "?renderer=Canvas", etc
var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
diff --git a/lib/OpenLayers/Control/TransformFeature.js b/lib/OpenLayers/Control/TransformFeature.js
index e0fa7c3b5a..d3bb90b696 100644
--- a/lib/OpenLayers/Control/TransformFeature.js
+++ b/lib/OpenLayers/Control/TransformFeature.js
@@ -468,10 +468,13 @@ OpenLayers.Control.TransformFeature = OpenLayers.Class(OpenLayers.Control, {
var handles = new Array(8);
var rotationHandles = new Array(4);
var geom, handle, rotationHandle;
+ var resize = ["sw-resize", "s-resize", "se-resize", "e-resize",
+ "ne-resize", "n-resize", "nw-resize", "w-resize"];
for(var i=0; i<8; ++i) {
geom = box.geometry.components[i];
- handle = new OpenLayers.Feature.Vector(geom.clone(), null,
- typeof this.renderIntent == "string" ? null :
+ handle = new OpenLayers.Feature.Vector(geom.clone(), {
+ role: resize[i]
+ }, typeof this.renderIntent == "string" ? null :
this.renderIntent);
if(i % 2 == 0) {
rotationHandle = new OpenLayers.Feature.Vector(geom.clone(),