question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Disabling draggable does not remove the css-class "draggable"

See original GitHub issue

I’m submitting a … (check one with “x”)

[x] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[ ] support request => Please do not submit support request here

Current behavior Setting draggable to false does not remove the draggable class.

Expected behavior Disabling draggable should remove the draggable class, otherwise the user might get the impression that it should drag, but something is not working.

Reproduction of the problem Draggable-Elements receive a red background in this example. https://plnkr.co/edit/k6Wly6fOdsR2e2UzfjW9?p=preview

What is the motivation / use case for changing the behavior? The user might get the impression that it should drag, but something is not working.

Please tell us about your environment: macOS Sierra

  • Table version: 0.7.4
  • Angular version: 2.0.1
  • Browser: all
  • Language: all

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

3reactions
frankdavidcoronacommented, Nov 15, 2018

I add this configuration to the column and work for me using version 13.1.0 Column definition: [draggable]="false" Table definition: [reorderable]="false"

0reactions
malindakptcommented, Jun 6, 2018

I checked this with ngx-datatable v13.0.1. But still issue is there

Read more comments on GitHub >

github_iconTop Results From Across the Web

Do not update css when draggable is disabled - Stack Overflow
You have three options. You can either remove the styles from jquery-ui.css for .ui-state-disabled , you can override the style in your own ......
Read more >
Draggable Widget - jQuery UI API Documentation
Removes the draggable functionality completely. This will return the element back to its pre-init state. This method does not accept any arguments. Code ......
Read more >
How to disable a jQuery-ui draggable of widget - GeeksforGeeks
In this article, we will see how to disable draggable widget using jQuery-ui. The jQuery UI consists of GUI widgets, visual effects, ...
Read more >
Disable drag and drop/ Show row weights - Drupal Answers
Im using corolla Corolla 7.x-3.0-rc1. This can be duplicated by viewing my site and dragging the window to be the smallest width. The...
Read more >
Drag-and-Drop with jQuery: Your Essential Guide
First we add a 'correct' CSS class to the card so that we can change its colour via CSS. We then disable both...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found