1

In Safari, after clicking on an element and activating the :active pseudo class, the grabbing pointer style is applied, but once I actually move the cursor, the text pointer style takes over.

This happens in Safari only.

Is there any sort of work around for this?

.drag{
    padding: 40px;
    background: #000;
    cursor: grab;
    cursor: -moz-grab;
    cursor: -webkit-grab;
}

.drag:active{
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing;
}

JSfiddle

Daft
  • 10,277
  • 15
  • 63
  • 105

1 Answers1

1

add -webkit-user-select: none; on the drag:active

Riskbreaker
  • 4,621
  • 1
  • 23
  • 31