CopyPastor

Detecting plagiarism made easy.

Score: 1.5792978405952454; Reported for: String similarity, Exact paragraph match Open both answers

Possible Plagiarism

Plagiarized on 2021-11-04
by luqman ahmad

Original Post

Original - Posted on 2019-01-02
by Borad Akash



            
Present in both answers; Present only in the new answer; Present only in the old answer;

If you want to stop the user from being able to drag a cdkDrag element outside of another element, you can pass a CSS selector to the cdkDragBoundary attribute. The attribute works by accepting a selector and looking up the DOM until it finds an element that matches it. If a match is found, it'll be used as the boundary outside of which the element can't be dragged. cdkDragBoundary can also be used when cdkDrag is placed inside a cdkDropList. [https://material.angular.io/cdk/drag-drop/overview][1] > Blockquote cdkDragBoundary <!-- begin snippet: js hide: false console: true babel: false -->
<!-- language: lang-css -->
.example-box { width: 200px; height: 200px; border: solid 1px #ccc; color: rgba(0, 0, 0, 0.87); cursor: move; display: inline-flex; justify-content: center; align-items: center; text-align: center; background: #fff; border-radius: 4px; margin-right: 25px; position: relative; z-index: 1; box-sizing: border-box; padding: 10px; transition: box-shadow 200ms cubic-bezier(0, 0, 0.2, 1); box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
.example-box:active { box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); }
.example-boundary { width: 400px; height: 400px; max-width: 100%; border: dotted #ccc 2px; }

<!-- language: lang-html -->
<div class="example-boundary"> <div class="example-box" cdkDragBoundary=".example-boundary" cdkDrag> I can only be dragged within the dotted container </div> </div>


<!-- Copyright 2021 Google LLC. All Rights Reserved. Use of this source code is governed by an MIT-style license that can be found in the LICENSE file at https://angular.io/license -->
<!-- end snippet -->

[1]: https://material.angular.io/cdk/drag-drop/overview
You can use `cdkDragBoundary` which will be useful to prevent the user from being able to drag an element outside of another element.
You can use it as following:
<div class="example-boundary"> <div class="example-box" cdkDragBoundary=".example-boundary" cdkDrag> I can only be dragged within the dotted container </div> </div>
You can read more about it from here [Angular Material Restricting movement within an element][1]

[1]: https://material.angular.io/cdk/drag-drop/overview#restricting-movement-within-an-element

        
Present in both answers; Present only in the new answer; Present only in the old answer;