Chart first point selected with border around it on iOS

highcharts / highcharts-ios

iOS wrapper for Highcharts.

Other

127 stars 39 forks source link

Chart first point selected with border around it on iOS #341

Closed alokdesai-cuelogic closed 4 months ago

alokdesai-cuelogic commented 4 years ago

I am using high chart pod version 8.2.1. I am facing weird issue while selecting the points on chart, like when I click on third point bar chart it selects the first bar and draws a rectangular border around it and the selection stays there on first bar even if I click on other bar. This issue is happening with pie and line chart too. This issue comes on iOS version 13.3 and less.

bar_chart_issue

pie_chart_issue

ihnatmoisieiev commented 4 years ago

Hello @alokdesai-cuelogic,

thanks for the reporting. Do you have the simplest demo to reproduce the issue?

alokdesai-cuelogic commented 4 years ago

Hello,

I have attached the video of your example HighFit application, this video contains the steps to reproduce the issue. I have run the application on iPad Pro 12.9 and iOS version is 13.3.

higchart_issue_demo.mov.zip

ihnatmoisieiev commented 4 years ago

@alokdesai-cuelogic we have reported the issue here: https://github.com/highcharts/highcharts/issues/14278

You can use the following workaround at the moment:

let accessibility = HIAccessibility()
accessibility.keyboardNavigation = HIKeyboardNavigation()
accessibility.keyboardNavigation.enabled = false
options.accessibility = accessibility

alokdesai-cuelogic commented 4 years ago

I tried the workaround and it is working. Any tentative date when you are releasing this fix.

ihnatmoisieiev commented 4 years ago

@alokdesai-cuelogic You can check the status in the linked issue, in my previous comment.

alokdesai-cuelogic commented 3 years ago

Hello,

I am still facing the same issue in latest version released v8.2.2. Please can you check this on priority.

MikolajMichalczak commented 4 months ago

This behavior can be prevented by following these steps::

When using the Accessibility module, disable keyboardNavigation:

let accessibility = HIAccessibility()
let kn = HIKeyboardNavigation()
let fb = HIFocusBorder()
kn.focusBorder = fb
accessibility.keyboardNavigation = kn
accessibility.keyboardNavigation.enabled = false
options.accessibility = accessibility

Alternatively, you can disable FocusBorder:

accessibility.keyboardNavigation.focusBorder.enabled = false

If you do not want to use the Accessibility module, you can also prevent this behavior by disabling it entirely:
```
let accessibility = HIAccessibility()
accessibility.enabled = false
```