Can't get disableOnTarget prop working

Hi @prc5,

Thanks for the awesome open source project 😄 I’m trying to get the disableOnTarget option working so that a canvas inside of the wrapper is usable. I was hoping that upon clicking inside the canvas the panning would be disabled. I’m using a fabricjs canvas.

              <TransformWrapper pan={{
                    disabledOnTarget: ["canvas_editor"],
                  }}>
                <TransformComponent>
                  <div className="canvas_editor">
                    <canvas {...css(styles.templateEditor)} id="template_editor" className="" />
                  </div>
                </TransformComponent>
              </TransformWrapper>

Does this look like it should work?

Thanks in advance and cheers!

Kyle

[obryl]

+1 Facing the same issues. Seems like disableOnTarget is not even on interface.

[obryl]

Got it to work with

const panOptions = {
            disableOnTarget: ['select-area'],
        } as any;

where select-area is css class. Also was needed to add @ts-ignore for pan property definition