Incorrect Selection seen on long press in ios webview on chart

[jalpesh]

On long press I get this odd blue selection seen in ios webview, any solutions for this?

[timocov]

Can you provide a repro for that? I thought we've disabled this in

lightweight-charts/src/gui/canvas-utils.ts

Lines 68 to 78 in db0472d

	function disableSelection(canvas: HTMLCanvasElement): void {
	canvas.style.userSelect = 'none';
	// eslint-disable-next-line deprecation/deprecation
	canvas.style.webkitUserSelect = 'none';
	// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-member-access
	(canvas as any).style.msUserSelect = 'none';
	// eslint-disable-next-line @typescript-eslint/no-explicit-any,@typescript-eslint/no-unsafe-member-access
	(canvas as any).style.MozUserSelect = 'none';
	canvas.style.webkitTapHighlightColor = 'transparent';
	}

, maybe you have overridden this props in your code?

[jalpesh]

No have not overridden the above. I added the below CSS in my code to fix the issue.

<style type="text/css"> *:not(input):not(textarea) { -webkit-user-select: none; /* disable selection/Copy of UIWebView */ -webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */ } </style>

It is only happening in ios in app webview when embedded from flutter and not in any other situation.

[timocov]

It is only happening in ios in app webview when embedded from flutter and not in any other situation.

So if you use it in just webview without flutter it works? Can you create a repro for that please? Did you try to add the library by using https://github.com/tradingview/LightweightChartsIOS, does it have the same issue?

[jalpesh]

Yes I did add the lib, got the same issue. Will need to check in webview without flutter will ping here once I try to rep in that. For now I think we can close this issue since it is solved by adding the above mentioned css for me.

[timocov]

I'm able to reproduce it in just webview. Safari is new IE 💩 ...

We'll fix it.