dragClass has no effect

[Peter Goudman]

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