Highlight should not activate near navbar

[therealharshit]

Description

Highlight is getting activated when we drag a block near navbar.

Expected Behavior

Highlight should not activate when we drag a block near navbar.

Vedio

highlight.mp4

How to Reproduce

1. Click on a block to drag.
2. Drag it to the navbar.
3. You can see the highlight.
   ( Refer to the above vedio for more info)

Console log Errors:

No console log errors.

Environment:

• Operating System: Encountered on widows
• Browser (if applicable): [e.g., Chrome, Firefox, Safari]
• Version of Software/Project: [e.g., v1.0.0]

Checklist

• I have read and followed the project's code of conduct.
• I have searched for similar issues before creating this one.
• I have provided all the necessary information to understand and reproduce the issue.
• I am willing to contribute to the resolution of this issue.

---

Thank you for contributing to our project! We appreciate your help in improving it.

📚 See contributing instructions.

🙋🏾🙋🏼 Questions: Community Matrix Server.

[therealharshit]

@walterbender Have you encountered this issue.

[walterbender]

I had not noticed that before.

[krAtOsnana]

@walterbender Have you encountered this issue.

yes, i've encountered the issue

[therealharshit]

I had not noticed that before.

I'll try to solve this.

[krAtOsnana]

I had not noticed that before.

I'll try to solve this.

can you share the file path in which you think the problem exists

[therealharshit]

can you share the file path in which you think the problem exists

the function this.drawSelectionArea() is responsible for highlight which is in js/activity.js

[walterbender]

draw selection is supposed to be triggered by dragging on the canvas. Maybe what is happening is that when you drag up to the top of the screen, the block drag is ended and it then confuses dragging a block with dragging on the canvas?

[krAtOsnana]

can you share the file path in which you think the problem exists

the function this.drawSelectionArea() is responsible for highlight which is in js/activity.js

tried some changes and it worked well.

[therealharshit]

draw selection is supposed to be triggered by dragging on the canvas. Maybe what is happening is that when you drag up to the top of the screen, the block drag is ended and it then confuses dragging a block with dragging on the canvas?

Yes @walterbender you were right, when I made changes which ends the drag on navbar the issue get resolved.
Here is a PR #4058 for that please review.