How do I correct my button problem

Look at what is happening to my buttons when I scroll my screen:

What can I do to make my buttons scroll out of the screen without deformation?

What button are you using? normal button?

I would use this plugin instead...

Yes, I use normal button. I tried the plugin button and it has the same behavior.

Thanks for the link, I will definitively use the button plugin instead the normal one.

The issue here is, that the button object isn't rendered inside the canvas.

It is a "DOM"-element that "floats" above..

That's why it will always be above sprites, even if you try to change the z-order..

It's also the reason why moving it has different results than moving objects that are rendered inside the canvas..

So the solution is to use the mouse object and a sprite and recreate the button behavior (changing sprite animation on Cursor is over)?

Before buttons, I just used sprites with "on object clicked"

so I didn't even use buttons before... the old buttons were fairly glitchy...

I guess it's personal preference..

I tend to use DOM-elements during creation and testing, but replace them with Sprites and the like before "publishing"

Just like I replace all text-objects with the sprite-font object..

LittleStain Do you have a solution to replace a TextBox object?

This should be a good start:

Ofcourse, other keys (keycodes) should also be taken into account..

edit: SpriteF = SpriteFont-object

Thanks, I'll give it a try.