#439-Dragging-card-beyond-limit #457

Merged

c24elipe merged 4 commits from 439-Dragging-card-beyond-limit into team_2_week_2

2026-04-21 12:13:25 +00:00

c24danli commented

2026-04-21 07:07:46 +00:00

Collaborator

Added to line 86 in Dashboard.js to stop it from scrolling horizontaly when you drag an card outside of the bounds

   return (
   	<div
   		class='Dashboard Parent Div'
   		style={{ overflowX: 'hidden', width: '100%' }} // to fix drag problem horizontoly add in css later
   	>
   		<div>

Added to line 86 in Dashboard.js to stop it from scrolling horizontaly when you drag an card outside of the bounds ``` return ( <div class='Dashboard Parent Div' style={{ overflowX: 'hidden', width: '100%' }} // to fix drag problem horizontoly add in css later > <div> ```

c24danli added 2 commits

2026-04-21 07:07:46 +00:00

quick fix to test if it works 813a4f83be

added 	style={{ overflowX: 'hidden', width: '100%' }} to the <div class='Dashboard Parent Div'	> will check tomorrow how it behaves with diffrent sized screens and if it works add to css style file

To merge 2c5fdb9812

Only aadded "style={{ overflowX: 'hidden', width: '100%' }} // to fix drag problem horizontoly add in css later" to the dashboard div will let i be in inline for now as we will probebly look over the structure of the css files in our project

c24danli added 1 commit

2026-04-21 07:19:32 +00:00

Merge branch 'team_2_week_2' into 439-Dragging-card-beyond-limit f89617d9dc

c24elipe added the

needs review

label

2026-04-21 08:13:36 +00:00

c24danli was assigned by c24elipe

2026-04-21 08:14:36 +00:00

c24elipe requested review from a24danwe

2026-04-21 08:15:05 +00:00

c24elipe changed title from ~~439-Dragging-card-beyond-limit~~ to #439-Dragging-card-beyond-limit

2026-04-21 09:55:25 +00:00

a24danwe commented

2026-04-21 10:25:11 +00:00

Collaborator

I checked the Dashboard.js and reviewed the changes made which were adding "style={{ overflowX: 'hidden', width: '100%' }}". This appears to only hide the content which is outside of the grid rather than actually preventing to pull the cards to the right.

In conclusion this PR cannot be merged right now as it is not yet complete as it only partially solves the problem.

I have first reviewed team_2_week_2 branch to see the issue which was that you can pull cards horizontally beyond the grid. Then I switched to 439-Dragging-card-beyond-limit branch to see if this issue has been solved. The issue has not been fully solved. I can still pull the cards to the right but the only difference is that the scrollbar is no longer visible. I checked the Dashboard.js and reviewed the changes made which were adding "style={{ overflowX: 'hidden', width: '100%' }}". This appears to only hide the content which is outside of the grid rather than actually preventing to pull the cards to the right. In conclusion this PR cannot be merged right now as it is not yet complete as it only partially solves the problem.