how can I disable selection about highcharts-react-native HOT 7 OPEN

Hi @sivaprasad3175,
You can edit the highcharts-layout/index.html file and add

    <style>
    	* {
		    -webkit-touch-callout: none;
		    -webkit-user-select: none; /* Disable selection/copy in UIWebView */
			-khtml-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
		}
   	</style>

Im not sure if it should be added by default, because in some cases users need to copy/paste some elements (like title etc).

Im not closing the ticket and wait for feedback from other users.

from highcharts-react-native.

still same issue
not working
any alternative solution

from highcharts-react-native.

Are you able to share your simplified app to debug the problem? Does the problem appear in android or ios?

from highcharts-react-native.

both

from highcharts-react-native.

Please share your simplified demo, without that Im not able to reproduce the problem.

from highcharts-react-native.

@sebastianbochan I also have this issue. I think you can try any chart inside iOS, and then try to move your fingers over the chart. Then you will see a black overlap on the chart, which only happens when user try to select text.

The solution should be either give a config for injecting a script, which we can control by ourselves, or please add disabled style to layout html by default.

from highcharts-react-native.

I disabled styles in the newest 3.0 version.

Please let me know if it worked in your scenario.

from highcharts-react-native.