text widget - how do I set cursor?

[LesJ]

I'm trying to set the cursor (to pointer), but cursor is not changed over the text.

How do I change the cursor over the text?


Ext.create('Ext.draw.Text', {
renderTo: Ext.getBody(),
width: 200,
height: 350,
autoSize: false,
viewBox: false,
padding: 20,
degrees: 315,
text: 'Hi there!',
style: {
cursor: 'pointer'
},
textStyle: {
padding: 20,
fill: '#000',
font: '18px Arial',
y: 50
}
});

[mitchellsimoens]

I'm not 100% you can. I added the cursor: pointer to the <text> field but that didn't do anything. Tried to put it on the <svg> and still no go.

[skirtle]

Did you have this working in 4.0.7?

[LesJ]

Did you have this working in 4.0.7?

Ext.draw.Text is a new component and not available in 4.0.7.

[skirtle]

Ah, sorry, I missed that.

[LesJ]

I solved this problem by adding a zero opacity 'rect' sprite on top of the text sprite (higher z-index)... works in SVG and VML. :)