setting zIndex of Draggable not working

[daveg]

Hi,

I and setting the zIndex parameter of the draggable, but it does not seem to work.

No matter what I do, the starting index stays at 1000.

this.draggableElems = new Draggable.create(droppables, {
      bounds: this.container.nativeElement,
      edgeResistance: 0.65,
      type: 'x,y',
      throwProps: true,
      liveSnap: false,
      zIndexBoost: true,
      zIndex: 9099,
  
  ETC

 

[ZachSaucier]

Hey Dave. Welcome to the forum. Thanks for being a Shockingly Green member! 

 

Can you please create a minimal demo to recreate this issue? The below thread can help show you how:

 

[OSUblake]

If you want to set the starting zIndex, do this.

Draggable.zIndex = 9099;

https://greensock.com/docs/v2/Utilities/Draggable/zIndex

 

You have zIndex boost to true, to it will keep adding 1 to that value every time you drag something.

[OSUblake]

And this is incorrect syntax.

this.draggableElems = new Draggable.create(droppables); // bad

// for one element
this.draggableElems = new Draggable(droppables);

// for multiple elements
this.draggableElems = Draggable.create(droppables);

 

[daveg]

1 hour ago, OSUblake said:

And this is incorrect syntax.

this.draggableElems = new Draggable.create(droppables); // bad

// for one element
this.draggableElems = new Draggable(droppables);

// for multiple elements
this.draggableElems = Draggable.create(droppables);

Thanks for the tip on this.

 

[daveg]

1 hour ago, OSUblake said:

If you want to set the starting zIndex, do this.

Draggable.zIndex = 9099;

https://greensock.com/docs/v2/Utilities/Draggable/zIndex

 

You have zIndex boost to true, to it will keep adding 1 to that value every time you drag something.

Okay, yes this works.  I had been setting it as a variable and it did not work that way.  But setting it as the Docs say (go figure) works.
Thanks - thanks for setting me straight.