Dragging Feature

[devzkhalil]

I'm a die-hard fan of the PHP Debugbar package!

The reason for this PR!

In the above image, you can see that I have a menu in the same place as the Debugbar area. Whenever I try to click on the menu, I face issues with the click! I know many people face this problem and may face it in the future!

Therefore, I have tried to implement a feature here that allows the Debugbar to be dragged!

04bbbcd8af3f43758f16dffa37277080.mp4

[devzkhalil]

Great changes @erikn69

[devzkhalil]

@parallels999 & @erikn69
Thank you very much. I really appreciate your help.

[angeljqv]

@barryvdh hi, it happens, look:

[devzkhalil]

@angeljqv
Those are your app contents behind the Laravel Debugbar icon, am i right brother?

[devzkhalil]

Thank you @angeljqv for sharing your scenario.
It may help others facing similar situations.

[devzkhalil]

@maximebf Please review it...

[barryvdh]

I don't really have this issue myself but I can see it being useful. Will try it out.

[barryvdh]

So tried it, a few things come to mind:

• the left border for the icon is missing
• would it make sense to 'snap' to the right? If I drag it to the right corner, I would expect it to stick, even if I make it larger. It does work when making it smaller, but not larger. Not sure what the cleanest is, but I guess if we could 'flip' the offset from left to right or something?

[barryvdh]

What do you think about snapping to the right? And maybe the middle?

[barryvdh]

And I'm getting some misfires for extending, because it probably thinks it's dragging.

[devzkhalil]

What do you think about snapping to the right? And maybe the middle?

I don't think anyone will need to drag it after opening the Debugbar content area/larger.
Still, I’m trying to show you something! I can show you something very quickly!

[devzkhalil]

And I'm getting some misfires for extending, because it probably thinks it's dragging.

ups!
I will check and fix.......

[devzkhalil]

So tried it, a few things come to mind:

• the left border for the icon is missing
• would it make sense to 'snap' to the right? If I drag it to the right corner, I would expect it to stick, even if I make it larger. It does work when making it smaller, but not larger. Not sure what the cleanest is, but I guess if we could 'flip' the offset from left to right or something?

Something like this for larger?

activity.mp4

[barryvdh]

Eh no sorry, thats not really what I meant. I just meant that if I drag the button to the right corner and then make the screen larger, I would probably expect the button to stick to the corner, instead of being half way.
With sticky/snapping I would mean that if you get within a few pixels of the corner, it woud 'snap' into place in the corner.

[devzkhalil]

Eh no sorry, thats not really what I meant. I just meant that if I drag the button to the right corner and then make the screen larger, I would probably expect the button to stick to the corner, instead of being half way. With sticky/snapping I would mean that if you get within a few pixels of the corner, it woud 'snap' into place in the corner.

Yahoo! I understand! I'm on it now. Thank you brother!