Skip to content

dragClass has no effect #176

@peter-snr

Description

@peter-snr

Please remove sections that are not required.

  • I'm submitting a ...
    [x ] bug report
    [ ] feature request
    [ ] other

  • What is the current behavior?

Expected this:-

dragClass (previously dragOverClass) | string | 'drag-border' | CSS class applied on the draggable that is applied when the item is being dragged.

Applying dragClass has no effect.
I have applied a dragClass but it has no effect, see example below

The dragHandle gets applied but not the dragClass

  • If the current behavior is a bug, please provide the steps to reproduce and if possible a minimal demo of the problem via https://plnkr.co or similar.

Create a div with draggable set. Create a CSS class for the dragClass. E.G.

 <div  [draggable]  [dragHandle]="'carousel-drag-handle'" [dragClass]="'carousel-drag'">

(related CSS file contains)
.carousel-drag {
  border:2px solid yellow;
  background-color: blue;
  max-width:20px;
  max-height:20px;
}
  • What is the expected behavior?

Expected a yellow border, i.e. the CSS being applied to the element whilst it is being dragged.

  • Please tell us about your environment:

Angular CLI: 8.2.0
Node: 10.16.0
OS: linux x64
Angular:
...

Package Version

@angular-devkit/architect 0.802.0
@angular-devkit/core 8.2.0
@angular-devkit/schematics 8.2.0
@schematics/angular 8.2.0
@schematics/update 0.802.0
rxjs 6.4.0

Google Chrome 77.0.3865.90 (Official Build) (64-bit)
Revision 58c425ba843df2918d9d4b409331972646c393dd-refs/branch-heads/3865@{#830}
OS Linux
JavaScript V8 7.7.299.11

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions