How to make it so that when dragging an item, it does not go beyond the boundaries of the cell?

Question

css

Hello! Goal: you need to create something like this game https://cdn-factory.marketjs.com/en/mcdonalds-play...
Problem: How to make sure that when dragging an item, it does not go beyond the boundaries of the cell? To do this, but with keyboard control, you can safely, but somehow I find it difficult to make it work using drag and drop.
Any thoughts? Any suggestions and solutions are welcome. Thank you!

Answer 1

I would look in the direction of Phaser, there it will be possible to add graphics