fixed show scrollbar in preview of the last element #29450
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
The style
border-bottom: solid 1px #ccc;
was initially applied to all elements with the classexample-box
, except for the last child which had its border removed withborder: none
. However, when the last element was dragged, it lost theborder: none
style and regained theborder-bottom: 1px solid #ccc
, causing the scrollbar to appear.To fix this issue, I applied
border: none
to the classcdk-drag-preview
. This ensures that all dragged elements lose theirborder-bottom
, preventing the scrollbar from appearing during the drag operation.Fixes #29419