search

DataTables / Responsive

Responsive extension for DataTables, providing support for complex tables on all device screen sizes
Other
148 stars 86 forks source link

Table content not selectable #68

Closed Dazzel closed 8 years ago

Dazzel commented 8 years ago

When using responsive.details.column it is impossible to select data inside the table.

DataTables commented 8 years ago

Please link to a test case should the issue.

Dazzel commented 8 years ago

See the examples where the column type is used: https://datatables.net/extensions/responsive/examples/child-rows/column-control.html

Using Chrome / Safari and Mac OS

DataTables commented 8 years ago

Thanks - I understand now. This was resolved by 1305a7f31120a75444255023ba573d3b83aefa38. It will be in the next release and is already in the nightly version.

vafada commented 8 years ago

Is e.preventDefault() the best fix here? why not add a CSS property outline: none ?

I'm experiencing the the same issue and i cannot use nightly build. my workaround is to $(table.table().body()).off('mousedown.dtr'); and add a css outline: none rule on the first column.

DataTables commented 8 years ago

outline:none isn't appropriate for the library since it causes problems with keyboard accessibility.

As you seeing a problem with using preventDefault?

vafada commented 8 years ago

the fix looks good. I can highlight the child row text now. though I still can't select/highlight the text in the first column. Probably intended since the first column is used to toggle?

DataTables commented 8 years ago

Hmm - its not aIts not intended, but it might be a consequence of it. Reopening this issue so I remember to look into in detail and see if that can be resolved.