[BUG] HTML body object's cursor style overridden with !important after dragging elements #178
Comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
{{ message }}
I am using vue-smooth-dnd in a kanban board component. I have added the following
cssto change the cursor's style while dragging:card { cursor: all-scroll; }I noticed while dragging and scrolling an element, it's basically injecting this style to the
<head />:<style type="text/css">body *{cursor:all-scroll !important;}</style>This should disappear after dropping the element, but no, it doesn't.
At one certain point, if I move the card elements pretty random and fast, the cursor's default style changes according to the injected stylesheet (because it has
!importantwith the css) and it doesn't change until I hard refresh the page. It's pretty annoying to the user. I tried dynamically removing that specific stylesheet from the DOM but it didn't work at all. Is there any solution for this bug? @kutlugsahinThe text was updated successfully, but these errors were encountered: