New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Flickering column on mouse hover when crosshair is enabled #6747

Closed
Izothep opened this Issue May 19, 2017 · 4 comments

Comments

Projects
None yet
5 participants
@Izothep

Izothep commented May 19, 2017

Expected behaviour

Column should change color on hover.

Actual behaviour

In current Highcharts version (5.0.11) column is flickering on mouse hover when crosshair is enabled

Live demo with steps to reproduce

http://jsfiddle.net/3ce975f8/1/

gif example:
ie11_win10

Affected browser(s)

IE11/Win10

Issue was implemented in 5.0.0 Highcharts version

@jon-a-nygaard jon-a-nygaard self-assigned this May 19, 2017

@TorsteinHonsi

This comment has been minimized.

Show comment
Hide comment
@TorsteinHonsi

TorsteinHonsi May 22, 2017

Collaborator

A simple fix could be to set pointer-events: none on the crosshair.

Collaborator

TorsteinHonsi commented May 22, 2017

A simple fix could be to set pointer-events: none on the crosshair.

@MiroLiska

This comment has been minimized.

Show comment
Hide comment
@MiroLiska

MiroLiska May 25, 2017

How exactly should I apply that fix? I tried to add .highcharts-crosshair, .highcharts-crosshair-thin, .highcharts-xaxis-category
{
pointer-events: none;
}, but this is not helping.
Do you plan any real fix? I hoped this to be fixed in 5.0.12, but it was not :(
It is not only about flickering, the hand-cursor for drilldowns flickers as well - see http://jsfiddle.net/avtLone9/9/ .

MiroLiska commented May 25, 2017

How exactly should I apply that fix? I tried to add .highcharts-crosshair, .highcharts-crosshair-thin, .highcharts-xaxis-category
{
pointer-events: none;
}, but this is not helping.
Do you plan any real fix? I hoped this to be fixed in 5.0.12, but it was not :(
It is not only about flickering, the hand-cursor for drilldowns flickers as well - see http://jsfiddle.net/avtLone9/9/ .

@KacperMadej

This comment has been minimized.

Show comment
Hide comment
@KacperMadej

KacperMadej May 25, 2017

Contributor

@TorsteinHonsi This fix/workaround doesn't help on IE11. Demo: http://jsfiddle.net/3ce975f8/2/ The problem is still visible. This issues also causes tooltip to hide on each flick seen in the gif above. If you jump with cursor from one place to another inside of a column you might end up with no tooltip.

Contributor

KacperMadej commented May 25, 2017

@TorsteinHonsi This fix/workaround doesn't help on IE11. Demo: http://jsfiddle.net/3ce975f8/2/ The problem is still visible. This issues also causes tooltip to hide on each flick seen in the gif above. If you jump with cursor from one place to another inside of a column you might end up with no tooltip.

@MiroLiska

This comment has been minimized.

Show comment
Hide comment
@MiroLiska

MiroLiska May 26, 2017

Works fine. Thank you very much.

MiroLiska commented May 26, 2017

Works fine. Thank you very much.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment