c3js / c3js/c3

Toggling Data Series on Mobile is Confusing

Open
#1,498 1 comment 2 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
9.3k
Forks
1.4k
Avg merge
6d 16h
Merged PRs (30d)
1

Description

When toggling a data series off in a mobile device, everything works as intended, but when you reenable the data series, then the data series is also selected, which greys out all the other data series.

It seems that the "cursor" does not leave the toggle button, when it is tapped, which leads the data series to remain highlighted.

Would it be possible to also deselect the data series, when it has been reenabled using a touch event?

I have tested on Firefox (42) and Chrome (47) on Android as well as some fairly recent versions of Chrome and Safari on iPhone.

The C3 version is the current one on the line graph example, which is c3.min-12912fb6.js

I have attached screenshots of the issue, the first is when the page has just loaded, the second is after disabling "data3", and the last one is after reenabling "data3". Notice that "data2" stays greyed out.

![2015-12-10 16 02 38](https://cloud.githubusercontent.com/assets/181295/11718921/9f8cce30-9f58-11e5-83db-00b5156b3c3f.png)
![2015-12-10 16 02 42](https://cloud.githubusercontent.com/assets/181295/11718930/a3b3b078-9f58-11e5-971d-6f0107ad61d7.png)
![2015-12-10 16 02 46](https://cloud.githubusercontent.com/assets/181295/11718936/a69251f0-9f58-11e5-8db5-b9f7654994c9.png)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.