search

creativetimofficial / ct-impact-design-system-pro

Impact Design System PRO
https://demos.creative-tim.com/impact-design-system-pro/
3 stars 2 forks source link

[Bug] List.js makes anchors and buttons unclickable #15

Open smaddock opened 4 years ago

smaddock commented 4 years ago

Version

1.1.0

Reproduction link

https://demos.creative-tim.com/impact-design-system-pro/dashboard/pages/tables/sortable.html

Operating System

macOS 10.15.6

Device

Mac

Browser & Version

Chrome 85.0.4183.102

Steps to reproduce

  1. Create a "sortable" table following the instructions here: https://demos.creative-tim.com/impact-design-system-pro/docs/plugins/list-js/
  2. Include an "a" or "button" in a table cell
  3. Try clicking on the link or button

    What is expected?

    Anchor loads new page, button takes action as designed.

    What is actually happening?

    An "active" class is assigned to the parent element with the data-toggle="list" attribute, and any child elements have their default click behavior disabled.

Solution

Not sure, for now I'm just disabling list.js

Additional comments

I assume this applies to input elements too, but haven't tested.

zoltanszogyenyi commented 3 years ago

Hello @smaddock,

Thanks for the reporting. I'll add this to the list of things to be checked out for version 1.2.