IE 11 legend toggle

[vlarkovich]

Steps to reproduce:

1. Open any page with c3 chart in IE 11, for example area chart or pie chart
2. Try to toggle any item on legend
3. See the chart with hidden item
   
   Or
   

Expected result:
Data should not dissapear from chart.

Maybe it is because IE doesn't support display: initial css style and when api.show is called it doesn't remove display: none that was added in api.hide

c3/src/api.show.js

Line 13 in 9f54601

.style('display', 'initial', 'important')

• C3 version: 0.6.7
• D3 version: 5.6.0
• Browser: IE 11
• OS: win10 x64

[ghost]

This was already mentioned before.
[(https://github.com//issues/2486)]

Just change
.style('display', 'initial', 'important')
to
.style('display', 'block', 'important')

it works in all browsers after this

[vlarkovich]

@SovietAlex, thank you, I've already fixed it locally, but I think that this bug has to be fixed in the main version of c3js, because this is a critical error.

[snakada]

Hi, it might be a bit tricky, but I solved it by writing the following in CSS:

.c3-target[style*="opacity: 1"] {
    display: block !important;
}

[digEmAll]

I agree with @vlarkovich this should be included in the main version

[GDFaber]

I'd like to make a PR ready for this, but it may take some time as this would be my first PR for this project and I have to set up a few things according to the contribution guidelines first.

[GDFaber]

PR at #2741